@@ -44,10 +44,8 @@ Registry.Marker.normalize(d: string, offset: { x?: number; y?: number }): string
4444Registry .Marker .normalize (d : string , offsetX ?: number , offsetY ?: number ): string
4545```
4646
47- <span class =" tag-param " >参数<span >
48-
4947| 参数名 | 类型 | 说明 |
50- | ------- | -------------------------- | --------------------------- |
48+ | --------- | ---------------------------- | ----------------------------- |
5149| d | string | |
5250| offset | { x?: number; y?: number } | 相对于坐标原点的偏移量 |
5351| offsetX | number | 相对于坐标原点的 x 轴偏移量 |
@@ -156,82 +154,72 @@ edge.attr({
156154
157155实心箭头。
158156
159- <span class =" tag-param " >参数<span >
160-
161- | 参数名 | 类型 | 默认值 | 说明 |
162- | --- | --- | --- | --- |
163- | size | Number | 10 | 箭头大小。 |
164- | width | Number | size | 箭头宽度，当宽高一样时可以直接使用 ` size ` 替代。 |
165- | height | Number | size | 箭头高度，当宽高一样时可以直接使用 ` size ` 替代。 |
166- | offset | Number | 0 | 沿边方向的绝对偏移量。 |
167- | open | Boolean | false | 非封闭箭头。 |
168- | ...attrs | Object | { } | 其他参数都将作为箭头 ` <path> ` 元素的属性，例如可以指定 ` ‘fill’ ` 和 ` 'stroke' ` 等属性。 |
157+ | 参数名 | 类型 | 默认值 | 说明 |
158+ | ----------| ---------| --------| ------------------------------------------------------------------------------------|
159+ | size | Number | 10 | 箭头大小。 |
160+ | width | Number | size | 箭头宽度，当宽高一样时可以直接使用 ` size ` 替代。 |
161+ | height | Number | size | 箭头高度，当宽高一样时可以直接使用 ` size ` 替代。 |
162+ | offset | Number | 0 | 沿边方向的绝对偏移量。 |
163+ | open | Boolean | false | 非封闭箭头。 |
164+ | ...attrs | Object | { } | 其他参数都将作为箭头 ` <path> ` 元素的属性，例如可以指定 ` ‘fill’ ` 和 ` 'stroke' ` 等属性。 |
169165
170166### classic
171167
172168经典箭头。
173169
174- <span class =" tag-param " >参数<span >
175-
176- | 参数名 | 类型 | 默认值 | 说明 |
177- | --- | --- | --- | --- |
178- | size | Number | 10 | 箭头大小。 |
179- | width | Number | size | 箭头宽度，当宽高一样时可以直接使用 ` size ` 替代。 |
180- | height | Number | size | 箭头高度，当宽高一样时可以直接使用 ` size ` 替代。 |
181- | offset | Number | 0 | 沿边方向的绝对偏移量。 |
182- | ...attrs | Object | { } | 其他参数都将作为箭头 ` <path> ` 元素的属性，例如可以指定 ` ‘fill’ ` 和 ` 'stroke' ` 等属性。 |
170+ | 参数名 | 类型 | 默认值 | 说明 |
171+ | ----------| --------| --------| ------------------------------------------------------------------------------------|
172+ | size | Number | 10 | 箭头大小。 |
173+ | width | Number | size | 箭头宽度，当宽高一样时可以直接使用 ` size ` 替代。 |
174+ | height | Number | size | 箭头高度，当宽高一样时可以直接使用 ` size ` 替代。 |
175+ | offset | Number | 0 | 沿边方向的绝对偏移量。 |
176+ | ...attrs | Object | { } | 其他参数都将作为箭头 ` <path> ` 元素的属性，例如可以指定 ` ‘fill’ ` 和 ` 'stroke' ` 等属性。 |
183177
184178### diamond
185179
186180菱形箭头。
187181
188- <span class =" tag-param " >参数<span >
189-
190- | 参数名 | 类型 | 默认值 | 说明 |
191- | --- | --- | --- | --- |
192- | size | Number | 10 | 箭头大小。 |
193- | width | Number | size | 箭头宽度，当宽高一样时可以直接使用 ` size ` 替代。 |
194- | height | Number | size | 箭头高度，当宽高一样时可以直接使用 ` size ` 替代。 |
195- | offset | Number | 0 | 沿边方向的绝对偏移量。 |
196- | ...attrs | Object | { } | 其他参数都将作为箭头 ` <path> ` 元素的属性，例如可以指定 ` ‘fill’ ` 和 ` 'stroke' ` 等属性。 |
182+ | 参数名 | 类型 | 默认值 | 说明 |
183+ | ----------| --------| --------| ------------------------------------------------------------------------------------|
184+ | size | Number | 10 | 箭头大小。 |
185+ | width | Number | size | 箭头宽度，当宽高一样时可以直接使用 ` size ` 替代。 |
186+ | height | Number | size | 箭头高度，当宽高一样时可以直接使用 ` size ` 替代。 |
187+ | offset | Number | 0 | 沿边方向的绝对偏移量。 |
188+ | ...attrs | Object | { } | 其他参数都将作为箭头 ` <path> ` 元素的属性，例如可以指定 ` ‘fill’ ` 和 ` 'stroke' ` 等属性。 |
197189
198190### cross
199191
200192交叉箭头。
201193
202- <span class =" tag-param " >参数<span >
203-
204- | 参数名 | 类型 | 默认值 | 说明 |
205- | --- | --- | --- | --- |
206- | size | Number | 10 | 箭头大小。 |
207- | width | Number | size | 箭头宽度，当宽高一样时可以直接使用 ` size ` 替代。 |
208- | height | Number | size | 箭头高度，当宽高一样时可以直接使用 ` size ` 替代。 |
209- | offset | Number | 0 | 沿边方向的绝对偏移量。 |
210- | ...attrs | Object | { } | 其他参数都将作为箭头 ` <path> ` 元素的属性，例如可以指定 ` ‘fill’ ` 和 ` 'stroke' ` 等属性。 |
194+ | 参数名 | 类型 | 默认值 | 说明 |
195+ | ----------| --------| --------| ------------------------------------------------------------------------------------|
196+ | size | Number | 10 | 箭头大小。 |
197+ | width | Number | size | 箭头宽度，当宽高一样时可以直接使用 ` size ` 替代。 |
198+ | height | Number | size | 箭头高度，当宽高一样时可以直接使用 ` size ` 替代。 |
199+ | offset | Number | 0 | 沿边方向的绝对偏移量。 |
200+ | ...attrs | Object | { } | 其他参数都将作为箭头 ` <path> ` 元素的属性，例如可以指定 ` ‘fill’ ` 和 ` 'stroke' ` 等属性。 |
211201
212202### async
213203
214- | 参数名 | 类型 | 默认值 | 说明 |
215- | --- | --- | --- | --- |
216- | width | Number | 10 | 箭头宽度。 |
217- | height | Number | 6 | 箭头高度。 |
218- | offset | Number | 0 | 沿边方向的绝对偏移量。 |
219- | open | Boolean | false | 非封闭箭头。 |
220- | flip | Boolean | false | 是否翻转箭头。 |
221- | ...attrs | Object | { } | 其他参数都将作为箭头 ` <path> ` 元素的属性，例如可以指定 ` ‘fill’ ` 和 ` 'stroke' ` 等属性。 |
204+ | 参数名 | 类型 | 默认值 | 说明 |
205+ | ---------- | --------- | -------- | ------------------------------------------------------------------------------------ |
206+ | width | Number | 10 | 箭头宽度。 |
207+ | height | Number | 6 | 箭头高度。 |
208+ | offset | Number | 0 | 沿边方向的绝对偏移量。 |
209+ | open | Boolean | false | 非封闭箭头。 |
210+ | flip | Boolean | false | 是否翻转箭头。 |
211+ | ...attrs | Object | { } | 其他参数都将作为箭头 ` <path> ` 元素的属性，例如可以指定 ` ‘fill’ ` 和 ` 'stroke' ` 等属性。 |
222212
223213### path
224214
225215自定义 [ pathData] ( https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/d ) 的箭头。
226216
227- <span class =" tag-param " >参数<span >
228-
229- | 参数名 | 类型 | 默认值 | 说明 |
230- | --- | --- | --- | --- |
231- | d | string | undefined | ` <path> ` 元素的 [ d 属性值] ( https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/d ) ，被 ` Util.normalizeMarker ` 标准化后应用到 ` <path> ` 元素上。 |
232- | offsetX | Number | 0 | x 方向偏移量。 |
233- | offsetY | Number | 0 | y 方向偏移量。 |
234- | ...attrs | Object | { } | 其他参数都将作为箭头 ` <path> ` 元素的属性，例如可以指定 ` ‘fill’ ` 和 ` 'stroke' ` 等属性。 |
217+ | 参数名 | 类型 | 默认值 | 说明 |
218+ | ----------| --------| -----------| --------------------------------------------------------------------------------------------------------------------------------------------------|
219+ | d | string | undefined | ` <path> ` 元素的 [ d 属性值] ( https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/d ) ，被 ` Util.normalizeMarker ` 标准化后应用到 ` <path> ` 元素上。 |
220+ | offsetX | Number | 0 | x 方向偏移量。 |
221+ | offsetY | Number | 0 | y 方向偏移量。 |
222+ | ...attrs | Object | { } | 其他参数都将作为箭头 ` <path> ` 元素的属性，例如可以指定 ` ‘fill’ ` 和 ` 'stroke' ` 等属性。 |
235223
236224``` ts
237225graph .addEdge ({
@@ -260,35 +248,29 @@ graph.addEdge({
260248
261249圆形箭头。
262250
263- <span class =" tag-param " >参数<span >
264-
265- | 参数名 | 类型 | 默认值 | 说明 |
266- | --- | --- | --- | --- |
267- | r | Number | 5 | 圆半径。 |
268- | ...attrs | Object | { } | 其他参数都将作为箭头 ` <circle> ` 元素的属性，例如可以指定 ` ‘fill’ ` 和 ` 'stroke' ` 等属性。 |
251+ | 参数名 | 类型 | 默认值 | 说明 |
252+ | ----------| --------| --------| --------------------------------------------------------------------------------------|
253+ | r | Number | 5 | 圆半径。 |
254+ | ...attrs | Object | { } | 其他参数都将作为箭头 ` <circle> ` 元素的属性，例如可以指定 ` ‘fill’ ` 和 ` 'stroke' ` 等属性。 |
269255
270256### circlePlus
271257
272258圆形和加号箭头。
273259
274- <span class =" tag-param " >参数<span >
275-
276- | 参数名 | 类型 | 默认值 | 说明 |
277- | --- | --- | --- | --- |
278- | r | Number | 5 | 圆半径。 |
279- | ...attrs | Object | { } | 其他参数都将作为箭头 ` <path> ` 元素（加号）的属性，例如可以指定 ` ‘fill’ ` 和 ` 'stroke' ` 等属性。 |
260+ | 参数名 | 类型 | 默认值 | 说明 |
261+ | ----------| --------| --------| ------------------------------------------------------------------------------------------|
262+ | r | Number | 5 | 圆半径。 |
263+ | ...attrs | Object | { } | 其他参数都将作为箭头 ` <path> ` 元素（加号）的属性，例如可以指定 ` ‘fill’ ` 和 ` 'stroke' ` 等属性。 |
280264
281265### ellipse
282266
283267椭圆箭头。
284268
285- <span class =" tag-param " >参数<span >
286-
287- | 参数名 | 类型 | 默认值 | 说明 |
288- | --- | --- | --- | --- |
289- | rx | Number | 5 | 椭圆 x 轴半径。 |
290- | ry | Number | 5 | 椭圆 y 轴半径。 |
291- | ...attrs | Object | { } | 其他参数都将作为箭头 ` <ellipse> ` 元素的属性，例如可以指定 ` ‘fill’ ` 和 ` 'stroke' ` 等属性。 |
269+ | 参数名 | 类型 | 默认值 | 说明 |
270+ | ----------| --------| --------| ---------------------------------------------------------------------------------------|
271+ | rx | Number | 5 | 椭圆 x 轴半径。 |
272+ | ry | Number | 5 | 椭圆 y 轴半径。 |
273+ | ...attrs | Object | { } | 其他参数都将作为箭头 ` <ellipse> ` 元素的属性，例如可以指定 ` ‘fill’ ` 和 ` 'stroke' ` 等属性。 |
292274
293275## 注册箭头
294276
@@ -330,7 +312,7 @@ edge.attr({
330312上面的配置被解析后，分别得到起始和终止箭头的箭头名称和箭头参数。
331313
332314| 箭头类型 | 箭头名称 name | 箭头参数 args |
333- | ------------ | ------------- | ----------------- |
315+ |--------------| ---------------| ------------------- |
334316| sourceMarker | block | { } |
335317| targetMarker | ellipse | { rx: 10, ry: 6 } |
336318
@@ -342,11 +324,11 @@ edge.attr({
342324Graph .registerMarker (name : string , factory : Factory , overwrite ? : boolean )
343325` ` `
344326
345- | 参数名 | 参数类型 | 默认值 | 说明 |
346- | --- | --- | --- | --- |
347- | name | String | | 箭头名。 |
348- | factory | Factory | | 箭头工厂方法。 |
349- | overwrite | Boolean | false | 遇到重名时是否覆盖旧工厂方法，设置为 ` true ` 时覆盖，否则报错。 |
327+ | 参数名 | 参数类型 | 默认值 | 说明 |
328+ |-----------| ----------| --------| ----------------------------------------------------------- |
329+ | name | String | | 箭头名。 |
330+ | factory | Factory | | 箭头工厂方法。 |
331+ | overwrite | Boolean | false | 遇到重名时是否覆盖旧工厂方法，设置为 ` true ` 时覆盖，否则报错。 |
350332
351333最后，我们来注册一个 image 箭头。
352334
0 commit comments