Members
gradientTransform :Array.<Number>
在绘制前应用于渐变的变换矩阵。
从svg渐变导入，不应用于中心的当前变换。
在应用此转换之前，原点位于对象的左上角
加上offsetty和offsetX。
Type:
- Array.<Number>
gradientUnits :String
坐标单位表示坐标。
如果是' pixels '，则以相同的宽度/高度为单位的线数。
如果设置为“百分比”，则坐标仍然是一个数字，但1表示宽度的100%
X的高度和y的高度的100%它可以大于1并且是负的。
允许的值像素或百分比。
Type:
- String
offsetX :Number
水平偏移量用于在外部路径组时对齐来自SVG的梯度
Type:
- Number
offsetY :Number
垂直偏移量用于在外部路径组时对齐来自SVG的梯度
Type:
- Number
type :String
梯度型线性或径向
Type:
- String
Methods
(static) fromElement(el, instance, opacityAttr, svgOptions, viewBoxWidth, viewBoxHeight, width, height) → {fabric.Gradient}
返回织物。来自SVG元素的渐变实例
Parameters:
| Name | Type | Description |
|---|---|---|
el |
SVGGradientElement | SVG渐变元素 |
instance |
fabric.Object | |
opacityAttr |
String | 填充不透明度或描边不透明度属性，以乘以每个图层的不透明度。 |
svgOptions |
Object | 一个包含SVG大小的对象，以便正确解析渐变 它使用gradientUnits作为userSpaceOnUse和百分比。 |
viewBoxWidth |
Object.number | svg上viewBox属性的width部分 |
viewBoxHeight |
Object.number | svg的viewBox属性的高度部分 |
width |
Object.number | 如果未指定viewBox，则使用svg标签的width部分 |
height |
Object.number | 如果未指定viewBox，则使用svg标签的height部分 |
- Source:
- See:
Returns:
Gradient instance
- Type
- fabric.Gradient
addColorStop(colorStop) → {fabric.Gradient}
添加另一个颜色
Parameters:
| Name | Type | Description |
|---|---|---|
colorStop |
Object | 带有偏移和颜色的对象 |
Returns:
thisArg
- Type
- fabric.Gradient
initialize(options) → {fabric.Gradient}
构造函数
Parameters:
| Name | Type | Description |
|---|---|---|
options |
Object | 梯度型线性或径向梯度单元SVG导入兼容性SVG导入兼容性包含色块。直线为第一点的X坐标，径向为焦点的X坐标直线为第一点的Y坐标，径向为焦点的Y坐标第二点的X坐标为直线，中心点的X坐标为径向第二点的Y坐标为直线，中心点的Y坐标为径向只适用于径向梯度，半径为内圆只对径向梯度，半径外圆包含梯度的坐标 属性 名字 类型 属性 描述 x1 数量 直线为第一点的X坐标，径向为焦点的X坐标 日元 数量 直线为第一点的Y坐标，径向为焦点的Y坐标 x2 数量 第二点的X坐标为直线，中心点的X坐标为径向 y2 数量 第二点的Y坐标为直线，中心点的Y坐标为径向 r1 数量 只适用于径向梯度，半径为内圆 r2 数量 只对径向梯度，半径外圆 选项对象的类型，坐标，梯度单位和colorStops 属性 名字 类型 属性 描述 类型 对象 梯度型线性或径向 gradientUnits 对象 梯度单元 offsetX 对象 SVG导入兼容性 offsetY 对象 SVG导入兼容性 colorStops 数组。 包含色块。 坐标 对象 包含梯度的坐标 属性 名字 类型 属性 描述 x1 数量 直线为第一点的X坐标，径向为焦点的X坐标 日元 数量 直线为第一点的Y坐标，径向为焦点的Y坐标 x2 数量 第二点的X坐标为直线，中心点的X坐标为径向 y2 数量 第二点的Y坐标为直线，中心点的Y坐标为径向 r1 数量 只适用于径向梯度，半径为内圆 r2 数量 只对径向梯度，半径外圆 |
Returns:
thisArg
- Type
- fabric.Gradient
toLive(ctx) → {CanvasGradient}
返回CanvasGradient的实例
Parameters:
| Name | Type | Description |
|---|---|---|
ctx |
CanvasRenderingContext2D | 要渲染的上下文 |
Returns:
- Type
- CanvasGradient
toObject(propertiesToIncludeopt) → {Object}
返回渐变的对象表示形式
Parameters:
| Name | Type | Attributes | Description |
|---|---|---|---|
propertiesToInclude |
Array |
<optional> |
您可能希望在输出中额外包含的任何属性 |
Returns:
- Type
- Object
toSVG(object) → {String}
返回渐变的SVG表示形式
Parameters:
| Name | Type | Description |
|---|---|---|
object |
Object | 对象，为其创建渐变 |
Returns:
SVG representation of an gradient (linear/radial)
- Type
- String