Class: RadialGradient
放射渐变
js
let rg = new RadialGradient(0,0, 20, 0, 0, 30);
rg.addColorStop(0, 'white');
rg.addColorStop(0.5, 'red');
rg.addColorStop(1, 'blue');
//也可以一次性设置:
rg.setColors([[0, 'white'], [0.5, 'red'], [1, 'blue']]);
Hierarchy
StyleGradient
↳
RadialGradient
Implements
CanvasGradient
Table of contents
Constructors
Properties
Methods
Constructors
constructor
new RadialGradient(xStart
, yStart
, radiusStart
, xStop
, yStop
, radiusEnd
)
Parameters
Name | Type |
---|---|
xStart | number |
yStart | number |
radiusStart | number |
xStop | number |
yStop | number |
radiusEnd | number |
Overrides
StyleGradient.constructor
Properties
className
className: string
colors
colors: [number
, string
][]
颜色列表 例如: [[0, 'white'], [1, 'blue']]
例如:[[0, 'white'], [0.5, 'red'], [1, 'blue']]
Inherited from
StyleGradient.colors
dirty
dirty: boolean
= true
Inherited from
StyleGradient.dirty
radiusEnd
radiusEnd: number
= 0
结束圆的半径
radiusStart
radiusStart: number
= 0
开始圆的半径
xStart
xStart: number
= 0
开始坐标x
xStop
xStop: number
= 0
结束坐标x
yStart
yStart: number
= 0
开始坐标y
yStop
yStop: number
= 0
结束坐标y
Methods
addColorStop
addColorStop(offset
, color
): void
添加颜色停靠点到颜色列表中。
Parameters
Name | Type | Description |
---|---|---|
offset | any | 颜色停靠点的偏移量,通常是一个0到1之间的数值,表示在渐变中的位置。 |
color | any | 颜色的表示,可以是CSS颜色字符串,如「rgb」或「#rrggbb」格式。 |
Returns
void
Implementation of
CanvasGradient.addColorStop
setColors
setColors(colors
): void
设置颜色并更新状态
Parameters
Name | Type | Description |
---|---|---|
colors | any | {Array} 颜色数组,用于更新当前对象的颜色 |
Returns
void
toJSON
toJSON(): Object
Returns
Object
Inherited from
StyleGradient.toJSON
update
update(): void
Returns
void
Inherited from
StyleGradient.update