Class: RadialGradient

放射渐变

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

• constructor

Properties

• className
• colors
• dirty
• radiusEnd
• radiusStart
• xStart
• xStop
• yStart
• yStop

Methods

• addColorStop
• setColors
• toJSON
• update

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