构造
new Pattern(options)
参数
| 名称 | 类型 | 缺省值 | 说明 | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
options |
Object |
Properties
|
成员
| 名称 | 说明 |
|---|---|
| geomList | 当pattern为canvas类型时,geomList则作为canvas中渲染的Geomerty对象集合 |
| patternTransform | 当pattern为canvas类型时, 以下属性为render()属性 |
| repeat | 重复属性,取值为:repeat, repeat-x, repeat-y or no-repeat |
| source | 当pattern为image类型时,source则作为背景图片 |
| type | pattern类型 |
方法列表
| 名称 | 说明 |
|---|---|
| _patternTransform() | 根据gradientTransform属性,在渲染时进行矩阵变换 |
| clone() | 克隆 |
| create(ctx) | 创建画板填充图案对象 |
| createSimple(options) | 建立斜线pattern |
| loadImagePattern(ctx, callback) | 加载背景图片图案 |
| toPixel(tool) | 获取具体的像素值, 完全缩放时应先处理对象的坐标转换,然后处理渐变对象的坐标转换 |
| transform(trans) | 对象应用矩阵时,其关联的本填充图案对象也需要进行矩阵变换; 注意:其执行顺序需在 渐变应用矩阵执行之后再来执行该变换 |
详细说明
_patternTransform()
根据gradientTransform属性,在渲染时进行矩阵变换
clone()
克隆
返回值
Object
create(ctx)
创建画板填充图案对象
参数
| 名称 | 类型 | 缺省值 | 说明 |
|---|---|---|---|
ctx |
CanvasRenderingContext2D | Context to create pattern |
返回值
- Type
- CanvasPattern
createSimple(options)
建立斜线pattern
参数
| 名称 | 类型 | 缺省值 | 说明 |
|---|---|---|---|
options |
Object | {lineWidth, size, color, rotation, repeat} |
loadImagePattern(ctx, callback)
加载背景图片图案
参数
| 名称 | 类型 | 缺省值 | 说明 |
|---|---|---|---|
ctx |
CanvasRenderingContext2D | ||
callback |
function | callback(CanvasPattern) |
toPixel(tool)
获取具体的像素值, 完全缩放时应先处理对象的坐标转换,然后处理渐变对象的坐标转换
参数
| 名称 | 类型 | 缺省值 | 说明 |
|---|---|---|---|
tool |
* |
transform(trans)
对象应用矩阵时,其关联的本填充图案对象也需要进行矩阵变换; 注意:其执行顺序需在 渐变应用矩阵执行之后再来执行该变换
参数
| 名称 | 类型 | 缺省值 | 说明 |
|---|---|---|---|
trans |
* |
搜索