@@ -13,10 +13,17 @@ F2 底层使用了 [G](https://g.antv.antgroup.com/api/basic/concept) 绘图引
1313
1414对于不同的图形,位置的几何意义也不同,例如:
1515
16+ <<<<<<< HEAD
17+
1618- [ Circle] ( #circle ) [ Arc] ( #arc ) [ Sector] ( #sector ) 为圆心位置,使用 [ cx/cy] ( #circle )
1719- [ Group] ( #group ) [ Rect] ( #rect ) ,[ Image] ( #image ) 为左上角顶点位置,使用 [ x/y] ( #rect )
1820- [ Text] ( #text ) 为文本锚点位置
19- - [ Line] ( #line ) ,[ Polyline] ( #polyline ) ,[ Polygon] ( #polygon ) ,[ Path] ( #path ) 为包围盒左上角顶点位置
21+ - # [ Line] ( #line ) ,[ Polyline] ( #polyline ) ,[ Polygon] ( #polygon ) ,[ Path] ( #path ) 为包围盒左上角顶点位置
22+ - [ Circle] ( /tutorial/shape#circle ) [ Arc] ( /tutorial/shape#arc ) [ Sector] ( /tutorial/shape#sector ) 为圆心位置,使用 [ cx/cy] ( /tutorial/shape#circle )
23+ - [ Group] ( /tutorial/shape#group ) [ Rect] ( /tutorial/shape#rect ) ,[ Image] ( /tutorial/shape#image ) 为左上角顶点位置,使用 [ x/y] ( /tutorial/shape#rect )
24+ - [ Text] ( /tutorial/shape#text ) 为文本锚点位置
25+ - [ Line] ( /tutorial/shape#line ) ,[ Polyline] ( /tutorial/shape#polyline ) ,[ Polygon] ( /tutorial/shape#polygon ) ,[ Path] ( /tutorial/shape#path ) 为包围盒左上角顶点位置
26+ > > > > > > > 99c0f14fa (chore: 修复文档死链接)
2027
2128| 属性名 | 描述 |
2229| -------- | ------------------- |
@@ -25,32 +32,46 @@ F2 底层使用了 [G](https://g.antv.antgroup.com/api/basic/concept) 绘图引
2532### 通用属性
2633
2734| 属性名 | 描述 |
28- | --- | --- | --- |
35+ | ------ | ---- |
36+
2937| ` zIndex ` | 控制图行显示层级。默认 0 |
30- | ` clip ` | Clip | 创建元素的可显示区域,区域内的部分显示,区域外的隐藏。参见(./shape-attrs#裁剪) |
38+
39+ | ` clip ` | 创建元素的可显示区域,区域内的部分显示,区域外的隐藏。参见(./shape-attrs#裁剪) |
40+
3141| ` visibility ` | 控制图形的可见性。参见 [ MDN] (https://developer.mozilla.org/en-US/docs/Web/CSS/visibility) |
42+
3243| ` opacity ` | 设置图形和图片透明度的属性,默认值是 1。 数值的范围从 0.0 (完全透明)到 1.0 (完全不透明)。 |
44+
3345| ` fill ` | 填充色、[ 渐变] ( ./shape-attrs#渐变色 ) 或[ 纹理] ( ./shape-attrs#纹理 ) ,默认值为空。 |
46+
3447| ` fillOpacity ` | 用于设置图形填充颜色的透明度,默认值是 1。 |
48+
3549| ` stroke ` | 描边色、[ 渐变] ( ./shape-attrs#渐变色 ) 或[ 纹理] ( ./shape-attrs#纹理 ) ,默认值为空; |
50+
3651| ` strokeOpacity ` | 用于设置边颜色的透明度,默认值是 1。 |
52+
3753| ` shadowType ` | 描述阴影类型,目前支持 'outer' 外阴影和 'inner' 内阴影 |
54+
3855| ` shadowColor ` | 描述阴影颜色的属性,支持 String,暂不支持渐变或纹理,参见 [ MDN] ( https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/shadowColor ) 。 |
56+
3957| ` shadowBlur ` | 描述模糊效果程度的属性; 它既不对应像素值也不受当前转换矩阵的影响。 默认值是 0,参见 [ MDN] ( https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/shadowBlur ) 。 |
58+
4059| ` shadowOffsetX ` | 描述阴影水平偏移距离的属性,参见 [ MDN] ( https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/shadowOffsetX ) 。 |
60+
4161| ` shadowOffsetY ` | 描述阴影垂直偏移距离的属性,参见 [ MDN] ( https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/shadowOffsetY ) 。 |
62+
4263| ` filter ` | 滤镜,目前支持单个或多个滤镜叠加,支持 blur、brightness、drop-shadow、contrast、grayscale、saturate、sepia、hue-rotate、invert 几种滤镜效果。参见 [ MDN] (https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/filter) |
64+
4365| ` cursor ` | 鼠标样式。参见 [ MDN] (https://developer.mozilla.org/zh-CN/docs/Web/CSS/cursor) |
4466
4567### 线条属性
4668
4769| 属性名 | 描述 |
48- | --- | --- |
70+ | ------ | ---- |
71+
4972| ` lineCap ` | Canvas 2D API 指定如何绘制每一条线段末端的属性。有 3 个可能的值,分别是:` butt ` , ` round ` and ` square ` 。默认值是 butt,参见 [ MDN] ( https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineCap ) . |
50- | ` lineJoin ` | Canvas 2D API 用来设置 2 个长度不为 0 的相连部分(线段,圆弧,曲线)如何连接在一起的属性(长度为 0 的变形部分,其指定的末端和控制点在同一位置,会被忽略),参见 [ MDN] ( https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineJoin ) . |
51- | ` lineWidth ` | Canvas 2D API 设置线段厚度的属性(即线段的宽度)。当获取属性值时,它可以返回当前的值(默认值是 1.0 )。 当给属性赋值时, 0、 负数、 Infinity 和 NaN 都会被忽略;除此之外,都会被赋予一个新值,参见 [ MDN] ( https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineWidth ) . |
52- | ` miterLimit ` | Canvas 2D API 设置斜接面限制比例的属性。 当获取属性值时, 会返回当前的值(默认值是 10.0 )。当给属性赋值时, 0、负数、 Infinity 和 NaN 都会被忽略;除此之外都会被赋予一个新值。,参见 [ MDN] ( https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/miterLimit ) . |
53- | ` lineDash ` | 设置线的虚线样式,可以指定一个数组。一组描述交替绘制线段和间距(坐标空间单位)长度的数字。 如果数组元素的数量是奇数, 数组的元素会被复制并重复。例如, [ 5, 15, 25] 会变成 [ 5, 15, 25, 5, 15, 25] 。这个属性取决于浏览器是否支持 ` setLineDash() ` 函数,详情参考 [ setLineDash] ( https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/setLineDash ) 。 |
73+
74+ | `lineJoin` | Canvas 2D API 用来设置 2 个长度不为 0 的相连部分(线段,圆弧,曲线)如何连接在一起的属性(长度为 0 的变形部分,其指定的末端和控制点在同一位置,会被忽略),参见 [MDN](https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineJoin). | | `lineWidth` | Canvas 2D API 设置线段厚度的属性(即线段的宽度)。当获取属性值时,它可以返回当前的值(默认值是 1.0 )。 当给属性赋值时, 0、 负数、 Infinity 和 NaN 都会被忽略;除此之外,都会被赋予一个新值,参见 [MDN](https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineWidth). | | `miterLimit` | Canvas 2D API 设置斜接面限制比例的属性。 当获取属性值时, 会返回当前的值(默认值是 10.0 )。当给属性赋值时, 0、负数、 Infinity 和 NaN 都会被忽略;除此之外都会被赋予一个新值。,参见 [MDN](https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/miterLimit). | | `lineDash` | 设置线的虚线样式,可以指定一个数组。一组描述交替绘制线段和间距(坐标空间单位)长度的数字。 如果数组元素的数量是奇数, 数组的元素会被复制并重复。例如, [5, 15, 25] 会变成 [5, 15, 25, 5, 15, 25]。这个属性取决于浏览器是否支持 `setLineDash()` 函数,详情参考 [setLineDash](https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/setLineDash)。 |
5475
5576### 文本属性
5677
0 commit comments