CanvasGradient
Базовая поддержка Широко доступна
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.
Примечание: Эта функция доступна в Web Workers.
Интерфейс CanvasGradient представляет собой непрозрачный объект, описывающий градиент. Он возвращается методами CanvasRenderingContext2D.createLinearGradient(), CanvasRenderingContext2D.createConicGradient() или CanvasRenderingContext2D.createRadialGradient().
Он может использоваться в качестве fillStyle или strokeStyle.
Свойства объекта
В качестве непрозрачного объекта, свойств нет.
Методы объекта
CanvasGradient.addColorStop()-
Добавляет новую точку, определяемую
offsetиcolor, в градиент.
Спецификации
| Спецификация |
|---|
| HTML # canvasgradient |
Совместимость браузеров
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на IOS | Samsung Internet | WebView Android | |
CanvasGradient |
1 | 12 | 1.5До Firefox 5.0, при указании бесконечных значений при добавлении цветовых остановок через вызовaddColorStop() неправильно вызывалась SYNTAX_ERR вместо INDEX_SIZE_ERR. |
9 | 2 | 18 | 4 | 10.1 | 1 | 1.0 | 4.4 |
addColorStop |
1 | 12 | 1.5 | 9 | 2 | 18 | 4 | 10.1 | 1 | 1.0 | 4.4 |
См. также
- Методы-создатели в
CanvasRenderingContext2D. - Элемент
<canvas>и связанный с ним интерфейсHTMLCanvasElement.
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/CanvasGradient
