You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
For group nodes, whether to support event pick-up of its child elements, default is true. If group `pickable` is off and `childrenPickable` is on, the child nodes of the group will still participate in event pick-up.
Can be configured with fixed coordinates, such as [100, 100], or percentage coordinates, such as ['50%', '50%'], which represents scaling around the center of the graphic element.
100
100
101
-
#${prefix} pickStrokeBuffer(number) = 0
101
+
#${prefix} pickStrokeBuffer(number|function) = 0
102
102
103
103
Supported since version `1.7.3`, it is used to expand the picking range of strokes. 0 is the default line width, positive numbers widen the width, and negative numbers widen the width.
104
104
105
-
#${prefix} boundsPadding(number|array)
105
+
#${prefix} boundsPadding(number|array|function)
106
106
Bounds padding of the graphic bounding box, default value is 0, supports two formats:
107
107
108
108
- number: set uniform padding for top, right, bottom, and left
Copy file name to clipboardExpand all lines: docs/assets/option/en/graphic/fill-style.md
+7-7Lines changed: 7 additions & 7 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -2,19 +2,19 @@
2
2
3
3
<!-- IFillStyle -->
4
4
5
-
#${prefix} fill(string|Object)
5
+
#${prefix} fill(string|Object|function)
6
6
7
7
Fill color. Supports setting to pure color in ways like `rgb(255,255,255)`, `rgba(255,255,255,1)`, `#fff`, and also supports setting to gradient color fill.
8
8
9
9
- Gradient color usage
10
10
11
11
{{ use: graphic-gradient }}
12
12
13
-
#${prefix} fillOpacity(number)
13
+
#${prefix} fillOpacity(number|function)
14
14
15
15
Fill opacity.
16
16
17
-
#${prefix} shadowBlur(number)
17
+
#${prefix} shadowBlur(number|function)
18
18
19
19
The blur size of the graphic shadow. This property is used together with shadowColor, shadowOffsetX, and shadowOffsetY to set the shadow effect of the graphic.
20
20
@@ -27,19 +27,19 @@ Example:
27
27
}
28
28
```
29
29
30
-
#${prefix} shadowColor(string)
30
+
#${prefix} shadowColor(string|function)
31
31
32
32
Shadow color.
33
33
34
-
#${prefix} shadowOffsetX(number)
34
+
#${prefix} shadowOffsetX(number|function)
35
35
36
36
The offset distance of the shadow in the horizontal direction.
37
37
38
-
#${prefix} shadowOffsetY(number)
38
+
#${prefix} shadowOffsetY(number|function)
39
39
40
40
The offset distance of the shadow in the vertical direction.
Copy file name to clipboardExpand all lines: docs/assets/option/en/graphic/partial-stroke-style.md
+9-9Lines changed: 9 additions & 9 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,14 +1,14 @@
1
1
{{ target: graphic-partial-stroke-style }}
2
2
3
3
{{ if: ${markType} === 'arc' }}
4
-
#${prefix} stroke(string | Array )
4
+
#${prefix} stroke(string | Array | function)
5
5
6
6
Stroke color. Supports setting to a solid color using `'rgb (255, 255, 255)'`, `'rgba (255, 255, 255, 1)'`, `'#fff'`, etc., and also supports setting it to a gradient stroke color.
7
7
8
8
Since version `1.4.0`, it supports configuration in array form. The array means: [outer arc stroke, end edge stroke, inner arc stroke, start edge stroke].
9
9
10
10
{{ else }}
11
-
#${prefix} stroke(string|Object)
11
+
#${prefix} stroke(string|Object|function)
12
12
13
13
{{ /if }}
14
14
Stroke color. Supports setting to a solid color using `'rgb (255, 255, 255)'`, `'rgba (255, 255, 255, 1)'`, `'#fff'`, etc., and also supports setting it to a gradient stroke color.
@@ -17,11 +17,11 @@ Stroke color. Supports setting to a solid color using `'rgb (255, 255, 255)'`, `
17
17
18
18
{{ use: graphic-gradient }}
19
19
20
-
#${prefix} strokeOpacity(number)
20
+
#${prefix} strokeOpacity(number|function)
21
21
22
22
Stroke opacity.
23
23
24
-
#${prefix} lineDash(number[])
24
+
#${prefix} lineDash(number[]|function)
25
25
26
26
Used to configure the dashed line mode when filling lines. It uses an array of values to specify the alternating lengths of lines and gaps that describe the pattern.
27
27
@@ -35,23 +35,23 @@ lineDash: [2, 3];
35
35
lineDash: [0];
36
36
```
37
37
38
-
#${prefix} lineDashOffset(number)
38
+
#${prefix} lineDashOffset(number|function)
39
39
40
40
An attribute to set the dashed line offset. For more details, you can refer to MDN [lineDashOffset](https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset).
41
41
42
-
#${prefix} lineWidth(number)
42
+
#${prefix} lineWidth(number|function)
43
43
44
44
Line width.
45
45
46
-
#${prefix} lineCap(string)
46
+
#${prefix} lineCap(string|function)
47
47
48
48
An attribute that specifies how to draw the end of each line segment. There are 3 possible values: `'butt'`, `'round'`, and `'square'`. The default value is butt.
49
49
50
-
#${prefix} lineJoin(string)
50
+
#${prefix} lineJoin(string|function)
51
51
52
52
An attribute used to set how the two connected parts (segments, arcs, curves) of non-zero length are connected together (the deformed part whose specified end and control points are in the same position with a length of 0 will be ignored). This attribute has 3 values: `'round'`, `'bevel'`, and `'miter'`. The default value is `'miter'`.
53
53
54
-
#${prefix} miterLimit(number)
54
+
#${prefix} miterLimit(number|function)
55
55
56
56
An attribute that sets the limit ratio of the beveled surface. When the attribute value is obtained, the current value (the default value is 10.0) will be returned. When the attribute is set, 0, negative numbers, Infinity, and NaN will be ignored; all others will be assigned a new value.
If it is `'left'`/`'start'`, the leftmost part of the text is at the `x` value. If it is `'right'`/`'end'`, the rightmost part of the text is at the `x` value.
Effective only when `maxLineWidth` is configured. If text exceeds, should it be automatically abbreviated? If the value is true, the default ellipsis is '...', or you can customize the ellipsis, like `ellipsis: 'etc.'`.
- "break-word": Does not allow breaking words in CJK (Chinese/Japanese/Korean) text, only breaks at half-width spaces or hyphens.
92
92
- "keep-all": Does not break words in CJK (Chinese/Japanese/Korean) text. Non-CJK text words are not broken. (Supported since version 1.12.8)
93
93
94
-
#${prefix} keepDirIn3d(boolean)
94
+
#${prefix} keepDirIn3d(boolean|function)
95
95
96
96
Whether to always maintain the direction facing the window in 3d mode (if set to false, it will rotate with the viewpoint, if set to true, the direction will always face the window)
Copy file name to clipboardExpand all lines: docs/assets/option/en/mark/symbol.md
+5-5Lines changed: 5 additions & 5 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -2,19 +2,19 @@
2
2
3
3
<!-- ISymbolMarkSpec -->
4
4
5
-
#${prefix} dx(number)
5
+
#${prefix} dx(number|function)
6
6
7
7
Offset in the x direction.
8
8
9
-
#${prefix} dy(number)
9
+
#${prefix} dy(number|function)
10
10
11
11
Offset in the y direction.
12
12
13
-
#${prefix} size(number)
13
+
#${prefix} size(number|function)
14
14
15
15
Size.
16
16
17
-
#${prefix} shape(string)
17
+
#${prefix} shape(string|function)
18
18
19
19
Shape.
20
20
@@ -39,4 +39,4 @@ Optional values:
39
39
-`'wye'`
40
40
-`'rect'`
41
41
42
-
If you need to implement a custom shape, you can achieve this by passing an `svg` path string to customize the shape, for example: `shape: 'M-0.5,-0.5L0.5,0.5L-0.5,0.5C'`
42
+
If you need to implement a custom shape, you can achieve this by passing an `svg` path string to customize the shape, for example: `shape: 'M-0.5,-0.5L0.5,0.5L-0.5,0.5C'`
0 commit comments