mirror of
https://gitee.com/antv/g6.git
synced 2024-12-16 02:21:25 +08:00
1.5 KiB
1.5 KiB
title | order |
---|---|
各图形的通用方法 Shape Func | 9 |
attr()
设置或获取实例的绘图属性。
attr(name)
获取实例的属性值。
const width = shape.attr('width');
attr(name, value)
更新实例的单个绘图属性。
attr({...})
批量更新实例绘图属性。
rect.attr({
fill: '#999',
stroke: '#666'
});
setClip(clipCfg)
设置并返回裁剪对象。
clipCfg
配置项
名称 | 含义 | 类型 | 备注 |
---|---|---|---|
type | 裁剪的图片形状 | String | 支持 'circle' 、'rect' 、'ellipse' |
x | 裁剪图形的 x 坐标 | Number | 默认为 0,类型为 'circle' 、'rect' 、'ellipse' 时生效 |
y | 裁剪图形的 y 坐标 | Number | 默认为 0,类型为 'circle' 、'rect' 、'ellipse' 时生效 |
show | 是否启用裁剪功能 | Boolean | 默认不裁剪,值为 false |
r | 剪裁圆形的半径 | Number | 剪裁 type 为 'circle' 时生效 |
width | 剪裁矩形的宽度 | Number | 剪裁 type 为 'rect' 时生效 |
height | 剪裁矩形的长度 | Number | 剪裁 type 为 'rect' 时生效 |
rx | 剪裁椭圆的长轴半径 | Number | 剪裁 type 为 'ellipse' 时生效 |
ry | 剪裁椭圆的短轴半径 | Number | 剪裁 type 为 'ellipse' 时生效 |
用法
shape.setClip({
type: 'circle', // 支持 circle、rect、ellipse、Polygon 及自定义 path clip
attrs: {
r: 10,
x: 0,
y: 0,
},
getClip()
获取裁剪对象。