{"expireTime":9007200828528711000,"key":"transformer-remark-markdown-html-ast-429b9369174d394f9a277365ffea0f73-gatsby-remark-prettiergatsby-remark-prismjsgatsby-remark-external-linksgatsby-remark-autolink-headersgatsby-remark-reading-time-","val":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"G6 中的元素（节点/边）是","position":{"start":{"line":2,"column":1,"offset":1},"end":{"line":2,"column":15,"offset":15}}},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"由一个或多个小","position":{"start":{"line":2,"column":17,"offset":17},"end":{"line":2,"column":24,"offset":24}}}],"position":{"start":{"line":2,"column":15,"offset":15},"end":{"line":2,"column":26,"offset":26}}},{"type":"element","tagName":"a","properties":{"href":"https://www.yuque.com/antv/g6/shape-crycle","target":"_self","rel":"nofollow"},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"图形 Shape","position":{"start":{"line":2,"column":29,"offset":29},"end":{"line":2,"column":37,"offset":37}}}],"position":{"start":{"line":2,"column":27,"offset":27},"end":{"line":2,"column":39,"offset":39}}}],"position":{"start":{"line":2,"column":26,"offset":26},"end":{"line":2,"column":84,"offset":84}}},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"组成","position":{"start":{"line":2,"column":86,"offset":86},"end":{"line":2,"column":88,"offset":88}}}],"position":{"start":{"line":2,"column":84,"offset":84},"end":{"line":2,"column":90,"offset":90}}},{"type":"text","value":"，主要通过自定义节点或自定义边时在 ","position":{"start":{"line":2,"column":90,"offset":90},"end":{"line":2,"column":108,"offset":108}}},{"type":"raw","value":"<code class=\"language-text\">draw</code>","position":{"start":{"line":2,"column":108,"offset":108},"end":{"line":2,"column":114,"offset":114}}},{"type":"text","value":" 方法中使用 ","position":{"start":{"line":2,"column":114,"offset":114},"end":{"line":2,"column":121,"offset":121}}},{"type":"raw","value":"<code class=\"language-text\">group.addShape</code>","position":{"start":{"line":2,"column":121,"offset":121},"end":{"line":2,"column":137,"offset":137}}},{"type":"text","value":" 添加，G6 中支持以下的图形 Shape：","position":{"start":{"line":2,"column":137,"offset":137},"end":{"line":2,"column":159,"offset":159}}}],"position":{"start":{"line":2,"column":1,"offset":1},"end":{"line":2,"column":159,"offset":159}}},{"type":"text","value":"\n"},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"circle：圆；","position":{"start":{"line":4,"column":3,"offset":163},"end":{"line":4,"column":12,"offset":172}}}],"position":{"start":{"line":4,"column":1,"offset":161},"end":{"line":4,"column":12,"offset":172}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"rect：矩形；","position":{"start":{"line":5,"column":3,"offset":175},"end":{"line":5,"column":11,"offset":183}}}],"position":{"start":{"line":5,"column":1,"offset":173},"end":{"line":5,"column":11,"offset":183}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"ellipse：椭圆；","position":{"start":{"line":6,"column":3,"offset":186},"end":{"line":6,"column":14,"offset":197}}}],"position":{"start":{"line":6,"column":1,"offset":184},"end":{"line":6,"column":14,"offset":197}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"image：图片；","position":{"start":{"line":7,"column":3,"offset":200},"end":{"line":7,"column":12,"offset":209}}}],"position":{"start":{"line":7,"column":1,"offset":198},"end":{"line":7,"column":12,"offset":209}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"text：文本的属性请参考","position":{"start":{"line":8,"column":3,"offset":212},"end":{"line":8,"column":16,"offset":225}}},{"type":"element","tagName":"a","properties":{"href":"https://www.yuque.com/antv/g6/gs4gno","target":"_self","rel":"nofollow"},"children":[{"type":"text","value":"这里","position":{"start":{"line":8,"column":17,"offset":226},"end":{"line":8,"column":19,"offset":228}}}],"position":{"start":{"line":8,"column":16,"offset":225},"end":{"line":8,"column":58,"offset":267}}},{"type":"text","value":"；","position":{"start":{"line":8,"column":58,"offset":267},"end":{"line":8,"column":59,"offset":268}}}],"position":{"start":{"line":8,"column":1,"offset":210},"end":{"line":8,"column":59,"offset":268}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"fan：扇形；","position":{"start":{"line":9,"column":3,"offset":271},"end":{"line":9,"column":10,"offset":278}}}],"position":{"start":{"line":9,"column":1,"offset":269},"end":{"line":9,"column":10,"offset":278}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"marker：标记；","position":{"start":{"line":10,"column":3,"offset":281},"end":{"line":10,"column":13,"offset":291}}}],"position":{"start":{"line":10,"column":1,"offset":279},"end":{"line":10,"column":13,"offset":291}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"polygon：多边形；","position":{"start":{"line":11,"column":3,"offset":294},"end":{"line":11,"column":15,"offset":306}}}],"position":{"start":{"line":11,"column":1,"offset":292},"end":{"line":11,"column":15,"offset":306}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"path：路径。","position":{"start":{"line":12,"column":3,"offset":309},"end":{"line":12,"column":11,"offset":317}}}],"position":{"start":{"line":12,"column":1,"offset":307},"end":{"line":12,"column":11,"offset":317}}},{"type":"text","value":"\n"}],"position":{"start":{"line":4,"column":1,"offset":161},"end":{"line":12,"column":11,"offset":317}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"各图形-shape-的通用属性"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E5%90%84%E5%9B%BE%E5%BD%A2-shape-%E7%9A%84%E9%80%9A%E7%94%A8%E5%B1%9E%E6%80%A7","aria-label":"各图形 shape 的通用属性 permalink","class":"anchor"},"children":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]},{"type":"text","value":"各图形 Shape 的通用属性","position":{"start":{"line":14,"column":4,"offset":322},"end":{"line":14,"column":19,"offset":337}}}],"position":{"start":{"line":14,"column":1,"offset":319},"end":{"line":14,"column":19,"offset":337}}},{"type":"text","value":"\n"},{"type":"element","tagName":"table","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"thead","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"属性名","position":{"start":{"line":17,"column":3,"offset":342},"end":{"line":17,"column":6,"offset":345}}}],"position":{"start":{"line":17,"column":3,"offset":342},"end":{"line":17,"column":6,"offset":345}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"含义","position":{"start":{"line":17,"column":9,"offset":348},"end":{"line":17,"column":11,"offset":350}}}],"position":{"start":{"line":17,"column":9,"offset":348},"end":{"line":17,"column":11,"offset":350}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"备注","position":{"start":{"line":17,"column":14,"offset":353},"end":{"line":17,"column":16,"offset":355}}}],"position":{"start":{"line":17,"column":14,"offset":353},"end":{"line":17,"column":16,"offset":355}}},{"type":"text","value":"\n"}],"position":{"start":{"line":17,"column":1,"offset":340},"end":{"line":17,"column":18,"offset":357}}},{"type":"text","value":"\n"}],"position":{"start":{"line":17,"column":1,"offset":340},"end":{"line":17,"column":18,"offset":357}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tbody","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"fill","position":{"start":{"line":19,"column":3,"offset":380},"end":{"line":19,"column":7,"offset":384}}}],"position":{"start":{"line":19,"column":3,"offset":380},"end":{"line":19,"column":7,"offset":384}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"设置用于填充绘画的颜色、渐变或模式","position":{"start":{"line":19,"column":10,"offset":387},"end":{"line":19,"column":27,"offset":404}}}],"position":{"start":{"line":19,"column":10,"offset":387},"end":{"line":19,"column":27,"offset":404}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"对应 canvas 属性 ","position":{"start":{"line":19,"column":30,"offset":407},"end":{"line":19,"column":43,"offset":420}}},{"type":"raw","value":"<code class=\"language-text\">fillStyle</code>","position":{"start":{"line":19,"column":43,"offset":420},"end":{"line":19,"column":54,"offset":431}}}],"position":{"start":{"line":19,"column":30,"offset":407},"end":{"line":19,"column":54,"offset":431}}},{"type":"text","value":"\n"}],"position":{"start":{"line":19,"column":1,"offset":378},"end":{"line":19,"column":56,"offset":433}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"stroke","position":{"start":{"line":20,"column":3,"offset":436},"end":{"line":20,"column":9,"offset":442}}}],"position":{"start":{"line":20,"column":3,"offset":436},"end":{"line":20,"column":9,"offset":442}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"设置用于笔触的颜色、渐变或模式","position":{"start":{"line":20,"column":12,"offset":445},"end":{"line":20,"column":27,"offset":460}}}],"position":{"start":{"line":20,"column":12,"offset":445},"end":{"line":20,"column":27,"offset":460}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"对应 canvas 属性 ","position":{"start":{"line":20,"column":30,"offset":463},"end":{"line":20,"column":43,"offset":476}}},{"type":"raw","value":"<code class=\"language-text\">strokeStyle</code>","position":{"start":{"line":20,"column":43,"offset":476},"end":{"line":20,"column":56,"offset":489}}}],"position":{"start":{"line":20,"column":30,"offset":463},"end":{"line":20,"column":56,"offset":489}}},{"type":"text","value":"\n"}],"position":{"start":{"line":20,"column":1,"offset":434},"end":{"line":20,"column":58,"offset":491}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"shadowColor","position":{"start":{"line":21,"column":3,"offset":494},"end":{"line":21,"column":14,"offset":505}}}],"position":{"start":{"line":21,"column":3,"offset":494},"end":{"line":21,"column":14,"offset":505}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"设置用于阴影的颜色","position":{"start":{"line":21,"column":17,"offset":508},"end":{"line":21,"column":26,"offset":517}}}],"position":{"start":{"line":21,"column":17,"offset":508},"end":{"line":21,"column":26,"offset":517}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[],"position":{"start":{"line":21,"column":30,"offset":521},"end":{"line":21,"column":30,"offset":521}}},{"type":"text","value":"\n"}],"position":{"start":{"line":21,"column":1,"offset":492},"end":{"line":21,"column":31,"offset":522}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"shadowBlur","position":{"start":{"line":22,"column":3,"offset":525},"end":{"line":22,"column":13,"offset":535}}}],"position":{"start":{"line":22,"column":3,"offset":525},"end":{"line":22,"column":13,"offset":535}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"设置用于阴影的模糊级别","position":{"start":{"line":22,"column":16,"offset":538},"end":{"line":22,"column":27,"offset":549}}}],"position":{"start":{"line":22,"column":16,"offset":538},"end":{"line":22,"column":27,"offset":549}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"数值越大，越模糊","position":{"start":{"line":22,"column":30,"offset":552},"end":{"line":22,"column":38,"offset":560}}}],"position":{"start":{"line":22,"column":30,"offset":552},"end":{"line":22,"column":38,"offset":560}}},{"type":"text","value":"\n"}],"position":{"start":{"line":22,"column":1,"offset":523},"end":{"line":22,"column":40,"offset":562}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"shadowOffsetX","position":{"start":{"line":23,"column":3,"offset":565},"end":{"line":23,"column":16,"offset":578}}}],"position":{"start":{"line":23,"column":3,"offset":565},"end":{"line":23,"column":16,"offset":578}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"设置阴影距形状的水平距离","position":{"start":{"line":23,"column":19,"offset":581},"end":{"line":23,"column":31,"offset":593}}}],"position":{"start":{"line":23,"column":19,"offset":581},"end":{"line":23,"column":31,"offset":593}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[],"position":{"start":{"line":23,"column":35,"offset":597},"end":{"line":23,"column":35,"offset":597}}},{"type":"text","value":"\n"}],"position":{"start":{"line":23,"column":1,"offset":563},"end":{"line":23,"column":36,"offset":598}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"shadowOffsetY","position":{"start":{"line":24,"column":3,"offset":601},"end":{"line":24,"column":16,"offset":614}}}],"position":{"start":{"line":24,"column":3,"offset":601},"end":{"line":24,"column":16,"offset":614}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"设置阴影距形状的垂直距离","position":{"start":{"line":24,"column":19,"offset":617},"end":{"line":24,"column":31,"offset":629}}}],"position":{"start":{"line":24,"column":19,"offset":617},"end":{"line":24,"column":31,"offset":629}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[],"position":{"start":{"line":24,"column":35,"offset":633},"end":{"line":24,"column":35,"offset":633}}},{"type":"text","value":"\n"}],"position":{"start":{"line":24,"column":1,"offset":599},"end":{"line":24,"column":36,"offset":634}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"opacity","position":{"start":{"line":25,"column":3,"offset":637},"end":{"line":25,"column":10,"offset":644}}}],"position":{"start":{"line":25,"column":3,"offset":637},"end":{"line":25,"column":10,"offset":644}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"设置绘图的当前 alpha 或透明值","position":{"start":{"line":25,"column":13,"offset":647},"end":{"line":25,"column":31,"offset":665}}}],"position":{"start":{"line":25,"column":13,"offset":647},"end":{"line":25,"column":31,"offset":665}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"对应 canvas 属性 ","position":{"start":{"line":25,"column":34,"offset":668},"end":{"line":25,"column":47,"offset":681}}},{"type":"raw","value":"<code class=\"language-text\">globalAlpha</code>","position":{"start":{"line":25,"column":47,"offset":681},"end":{"line":25,"column":60,"offset":694}}}],"position":{"start":{"line":25,"column":34,"offset":668},"end":{"line":25,"column":60,"offset":694}}},{"type":"text","value":"\n"}],"position":{"start":{"line":25,"column":1,"offset":635},"end":{"line":25,"column":62,"offset":696}}},{"type":"text","value":"\n"}],"position":{"start":{"line":19,"column":1,"offset":378},"end":{"line":25,"column":62,"offset":696}}},{"type":"text","value":"\n"}],"position":{"start":{"line":17,"column":1,"offset":340},"end":{"line":25,"column":62,"offset":696}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"用法"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E7%94%A8%E6%B3%95","aria-label":"用法 permalink","class":"anchor"},"children":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]},{"type":"text","value":"用法","position":{"start":{"line":27,"column":5,"offset":702},"end":{"line":27,"column":7,"offset":704}}}],"position":{"start":{"line":27,"column":1,"offset":698},"end":{"line":27,"column":7,"offset":704}}},{"type":"text","value":"\n"},{"type":"raw","value":"<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\">group<span class=\"token punctuation\">.</span><span class=\"token function\">addShape</span><span class=\"token punctuation\">(</span><span class=\"token string\">'rect'</span><span class=\"token punctuation\">,</span> <span class=\"token punctuation\">{</span>\n  attrs<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n    fill<span class=\"token punctuation\">:</span> <span class=\"token string\">'red'</span><span class=\"token punctuation\">,</span>\n    shadowOffsetX<span class=\"token punctuation\">:</span> <span class=\"token number\">10</span><span class=\"token punctuation\">,</span>\n    shadowOffsetY<span class=\"token punctuation\">:</span> <span class=\"token number\">10</span><span class=\"token punctuation\">,</span>\n    shadowColor<span class=\"token punctuation\">:</span> <span class=\"token string\">'blue'</span><span class=\"token punctuation\">,</span>\n    shadowBlur<span class=\"token punctuation\">:</span> <span class=\"token number\">10</span><span class=\"token punctuation\">,</span>\n    opacity<span class=\"token punctuation\">:</span> <span class=\"token number\">0.8</span><span class=\"token punctuation\">,</span>\n  <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n</code></pre></div>","position":{"start":{"line":28,"column":1,"offset":705},"end":{"line":39,"column":4,"offset":888}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"圆图形-circle"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E5%9C%86%E5%9B%BE%E5%BD%A2-circle","aria-label":"圆图形 circle permalink","class":"anchor"},"children":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]},{"type":"text","value":"圆图形 Circle","position":{"start":{"line":41,"column":4,"offset":893},"end":{"line":41,"column":14,"offset":903}}}],"position":{"start":{"line":41,"column":1,"offset":890},"end":{"line":41,"column":14,"offset":903}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"属性"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E5%B1%9E%E6%80%A7","aria-label":"属性 permalink","class":"anchor"},"children":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]},{"type":"text","value":"属性","position":{"start":{"line":42,"column":5,"offset":908},"end":{"line":42,"column":7,"offset":910}}}],"position":{"start":{"line":42,"column":1,"offset":904},"end":{"line":42,"column":7,"offset":910}}},{"type":"text","value":"\n"},{"type":"element","tagName":"table","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"thead","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"属性名","position":{"start":{"line":43,"column":3,"offset":913},"end":{"line":43,"column":6,"offset":916}}}],"position":{"start":{"line":43,"column":3,"offset":913},"end":{"line":43,"column":6,"offset":916}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"含义","position":{"start":{"line":43,"column":9,"offset":919},"end":{"line":43,"column":11,"offset":921}}}],"position":{"start":{"line":43,"column":9,"offset":919},"end":{"line":43,"column":11,"offset":921}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"备注","position":{"start":{"line":43,"column":14,"offset":924},"end":{"line":43,"column":16,"offset":926}}}],"position":{"start":{"line":43,"column":14,"offset":924},"end":{"line":43,"column":16,"offset":926}}},{"type":"text","value":"\n"}],"position":{"start":{"line":43,"column":1,"offset":911},"end":{"line":43,"column":18,"offset":928}}},{"type":"text","value":"\n"}],"position":{"start":{"line":43,"column":1,"offset":911},"end":{"line":43,"column":18,"offset":928}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tbody","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"x","position":{"start":{"line":45,"column":3,"offset":951},"end":{"line":45,"column":4,"offset":952}}}],"position":{"start":{"line":45,"column":3,"offset":951},"end":{"line":45,"column":4,"offset":952}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"圆心的 x 坐标","position":{"start":{"line":45,"column":7,"offset":955},"end":{"line":45,"column":15,"offset":963}}}],"position":{"start":{"line":45,"column":7,"offset":955},"end":{"line":45,"column":15,"offset":963}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[],"position":{"start":{"line":45,"column":19,"offset":967},"end":{"line":45,"column":19,"offset":967}}},{"type":"text","value":"\n"}],"position":{"start":{"line":45,"column":1,"offset":949},"end":{"line":45,"column":20,"offset":968}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"y","position":{"start":{"line":46,"column":3,"offset":971},"end":{"line":46,"column":4,"offset":972}}}],"position":{"start":{"line":46,"column":3,"offset":971},"end":{"line":46,"column":4,"offset":972}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"圆心的 y 坐标","position":{"start":{"line":46,"column":7,"offset":975},"end":{"line":46,"column":15,"offset":983}}}],"position":{"start":{"line":46,"column":7,"offset":975},"end":{"line":46,"column":15,"offset":983}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[],"position":{"start":{"line":46,"column":19,"offset":987},"end":{"line":46,"column":19,"offset":987}}},{"type":"text","value":"\n"}],"position":{"start":{"line":46,"column":1,"offset":969},"end":{"line":46,"column":20,"offset":988}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"r","position":{"start":{"line":47,"column":3,"offset":991},"end":{"line":47,"column":4,"offset":992}}}],"position":{"start":{"line":47,"column":3,"offset":991},"end":{"line":47,"column":4,"offset":992}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"圆的半径","position":{"start":{"line":47,"column":7,"offset":995},"end":{"line":47,"column":11,"offset":999}}}],"position":{"start":{"line":47,"column":7,"offset":995},"end":{"line":47,"column":11,"offset":999}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[],"position":{"start":{"line":47,"column":15,"offset":1003},"end":{"line":47,"column":15,"offset":1003}}},{"type":"text","value":"\n"}],"position":{"start":{"line":47,"column":1,"offset":989},"end":{"line":47,"column":16,"offset":1004}}},{"type":"text","value":"\n"}],"position":{"start":{"line":45,"column":1,"offset":949},"end":{"line":47,"column":16,"offset":1004}}},{"type":"text","value":"\n"}],"position":{"start":{"line":43,"column":1,"offset":911},"end":{"line":47,"column":16,"offset":1004}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"用法-1"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E7%94%A8%E6%B3%95-1","aria-label":"用法 1 permalink","class":"anchor"},"children":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]},{"type":"text","value":"用法","position":{"start":{"line":50,"column":5,"offset":1011},"end":{"line":50,"column":7,"offset":1013}}}],"position":{"start":{"line":50,"column":1,"offset":1007},"end":{"line":50,"column":7,"offset":1013}}},{"type":"text","value":"\n"},{"type":"raw","value":"<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\">group<span class=\"token punctuation\">.</span><span class=\"token function\">addShape</span><span class=\"token punctuation\">(</span><span class=\"token string\">'circle'</span><span class=\"token punctuation\">,</span> <span class=\"token punctuation\">{</span>\n  attrs<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n    x<span class=\"token punctuation\">:</span> <span class=\"token number\">100</span><span class=\"token punctuation\">,</span>\n    y<span class=\"token punctuation\">:</span> <span class=\"token number\">100</span><span class=\"token punctuation\">,</span>\n    r<span class=\"token punctuation\">:</span> <span class=\"token number\">50</span><span class=\"token punctuation\">,</span>\n    fill<span class=\"token punctuation\">:</span> <span class=\"token string\">'blue'</span><span class=\"token punctuation\">,</span>\n  <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n</code></pre></div>","position":{"start":{"line":51,"column":1,"offset":1014},"end":{"line":60,"column":4,"offset":1126}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"椭圆图形-ellipse"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E6%A4%AD%E5%9C%86%E5%9B%BE%E5%BD%A2-ellipse","aria-label":"椭圆图形 ellipse permalink","class":"anchor"},"children":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]},{"type":"text","value":"椭圆图形 Ellipse","position":{"start":{"line":62,"column":4,"offset":1131},"end":{"line":62,"column":16,"offset":1143}}}],"position":{"start":{"line":62,"column":1,"offset":1128},"end":{"line":62,"column":16,"offset":1143}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"属性-1"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E5%B1%9E%E6%80%A7-1","aria-label":"属性 1 permalink","class":"anchor"},"children":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]},{"type":"text","value":"属性","position":{"start":{"line":63,"column":5,"offset":1148},"end":{"line":63,"column":7,"offset":1150}}}],"position":{"start":{"line":63,"column":1,"offset":1144},"end":{"line":63,"column":7,"offset":1150}}},{"type":"text","value":"\n"},{"type":"element","tagName":"table","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"thead","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"属性名","position":{"start":{"line":64,"column":3,"offset":1153},"end":{"line":64,"column":6,"offset":1156}}}],"position":{"start":{"line":64,"column":3,"offset":1153},"end":{"line":64,"column":6,"offset":1156}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"含义","position":{"start":{"line":64,"column":9,"offset":1159},"end":{"line":64,"column":11,"offset":1161}}}],"position":{"start":{"line":64,"column":9,"offset":1159},"end":{"line":64,"column":11,"offset":1161}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"备注","position":{"start":{"line":64,"column":14,"offset":1164},"end":{"line":64,"column":16,"offset":1166}}}],"position":{"start":{"line":64,"column":14,"offset":1164},"end":{"line":64,"column":16,"offset":1166}}},{"type":"text","value":"\n"}],"position":{"start":{"line":64,"column":1,"offset":1151},"end":{"line":64,"column":18,"offset":1168}}},{"type":"text","value":"\n"}],"position":{"start":{"line":64,"column":1,"offset":1151},"end":{"line":64,"column":18,"offset":1168}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tbody","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"x","position":{"start":{"line":66,"column":3,"offset":1191},"end":{"line":66,"column":4,"offset":1192}}}],"position":{"start":{"line":66,"column":3,"offset":1191},"end":{"line":66,"column":4,"offset":1192}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"圆心的 x 坐标","position":{"start":{"line":66,"column":7,"offset":1195},"end":{"line":66,"column":15,"offset":1203}}}],"position":{"start":{"line":66,"column":7,"offset":1195},"end":{"line":66,"column":15,"offset":1203}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[],"position":{"start":{"line":66,"column":19,"offset":1207},"end":{"line":66,"column":19,"offset":1207}}},{"type":"text","value":"\n"}],"position":{"start":{"line":66,"column":1,"offset":1189},"end":{"line":66,"column":20,"offset":1208}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"y","position":{"start":{"line":67,"column":3,"offset":1211},"end":{"line":67,"column":4,"offset":1212}}}],"position":{"start":{"line":67,"column":3,"offset":1211},"end":{"line":67,"column":4,"offset":1212}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"圆心的 y 坐标","position":{"start":{"line":67,"column":7,"offset":1215},"end":{"line":67,"column":15,"offset":1223}}}],"position":{"start":{"line":67,"column":7,"offset":1215},"end":{"line":67,"column":15,"offset":1223}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[],"position":{"start":{"line":67,"column":19,"offset":1227},"end":{"line":67,"column":19,"offset":1227}}},{"type":"text","value":"\n"}],"position":{"start":{"line":67,"column":1,"offset":1209},"end":{"line":67,"column":20,"offset":1228}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"rx","position":{"start":{"line":68,"column":3,"offset":1231},"end":{"line":68,"column":5,"offset":1233}}}],"position":{"start":{"line":68,"column":3,"offset":1231},"end":{"line":68,"column":5,"offset":1233}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"水平半径","position":{"start":{"line":68,"column":8,"offset":1236},"end":{"line":68,"column":12,"offset":1240}}}],"position":{"start":{"line":68,"column":8,"offset":1236},"end":{"line":68,"column":12,"offset":1240}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[],"position":{"start":{"line":68,"column":16,"offset":1244},"end":{"line":68,"column":16,"offset":1244}}},{"type":"text","value":"\n"}],"position":{"start":{"line":68,"column":1,"offset":1229},"end":{"line":68,"column":17,"offset":1245}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"ry","position":{"start":{"line":69,"column":3,"offset":1248},"end":{"line":69,"column":5,"offset":1250}}}],"position":{"start":{"line":69,"column":3,"offset":1248},"end":{"line":69,"column":5,"offset":1250}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"垂直半径","position":{"start":{"line":69,"column":8,"offset":1253},"end":{"line":69,"column":12,"offset":1257}}}],"position":{"start":{"line":69,"column":8,"offset":1253},"end":{"line":69,"column":12,"offset":1257}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[],"position":{"start":{"line":69,"column":16,"offset":1261},"end":{"line":69,"column":16,"offset":1261}}},{"type":"text","value":"\n"}],"position":{"start":{"line":69,"column":1,"offset":1246},"end":{"line":69,"column":17,"offset":1262}}},{"type":"text","value":"\n"}],"position":{"start":{"line":66,"column":1,"offset":1189},"end":{"line":69,"column":17,"offset":1262}}},{"type":"text","value":"\n"}],"position":{"start":{"line":64,"column":1,"offset":1151},"end":{"line":69,"column":17,"offset":1262}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"用法-2"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E7%94%A8%E6%B3%95-2","aria-label":"用法 2 permalink","class":"anchor"},"children":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]},{"type":"text","value":"用法","position":{"start":{"line":72,"column":5,"offset":1270},"end":{"line":72,"column":7,"offset":1272}}}],"position":{"start":{"line":72,"column":1,"offset":1266},"end":{"line":72,"column":7,"offset":1272}}},{"type":"text","value":"\n"},{"type":"raw","value":"<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\">group<span class=\"token punctuation\">.</span><span class=\"token function\">addShape</span><span class=\"token punctuation\">(</span><span class=\"token string\">'ellipse'</span><span class=\"token punctuation\">,</span> <span class=\"token punctuation\">{</span>\n  attrs<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n    x<span class=\"token punctuation\">:</span> <span class=\"token number\">100</span><span class=\"token punctuation\">,</span>\n    y<span class=\"token punctuation\">:</span> <span class=\"token number\">100</span><span class=\"token punctuation\">,</span>\n    rx<span class=\"token punctuation\">:</span> <span class=\"token number\">50</span><span class=\"token punctuation\">,</span>\n    ry<span class=\"token punctuation\">:</span> <span class=\"token number\">50</span><span class=\"token punctuation\">,</span>\n    fill<span class=\"token punctuation\">:</span> <span class=\"token string\">'blue'</span><span class=\"token punctuation\">,</span>\n  <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n</code></pre></div>","position":{"start":{"line":73,"column":1,"offset":1273},"end":{"line":83,"column":4,"offset":1399}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"扇形图形-fan"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E6%89%87%E5%BD%A2%E5%9B%BE%E5%BD%A2-fan","aria-label":"扇形图形 fan permalink","class":"anchor"},"children":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]},{"type":"text","value":"扇形图形 Fan","position":{"start":{"line":85,"column":4,"offset":1404},"end":{"line":85,"column":12,"offset":1412}}}],"position":{"start":{"line":85,"column":1,"offset":1401},"end":{"line":85,"column":12,"offset":1412}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"属性-2"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E5%B1%9E%E6%80%A7-2","aria-label":"属性 2 permalink","class":"anchor"},"children":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]},{"type":"text","value":"属性","position":{"start":{"line":86,"column":5,"offset":1417},"end":{"line":86,"column":7,"offset":1419}}}],"position":{"start":{"line":86,"column":1,"offset":1413},"end":{"line":86,"column":7,"offset":1419}}},{"type":"text","value":"\n"},{"type":"element","tagName":"table","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"thead","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"属性名","position":{"start":{"line":87,"column":3,"offset":1422},"end":{"line":87,"column":6,"offset":1425}}}],"position":{"start":{"line":87,"column":3,"offset":1422},"end":{"line":87,"column":6,"offset":1425}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"含义","position":{"start":{"line":87,"column":9,"offset":1428},"end":{"line":87,"column":11,"offset":1430}}}],"position":{"start":{"line":87,"column":9,"offset":1428},"end":{"line":87,"column":11,"offset":1430}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"备注","position":{"start":{"line":87,"column":14,"offset":1433},"end":{"line":87,"column":16,"offset":1435}}}],"position":{"start":{"line":87,"column":14,"offset":1433},"end":{"line":87,"column":16,"offset":1435}}},{"type":"text","value":"\n"}],"position":{"start":{"line":87,"column":1,"offset":1420},"end":{"line":87,"column":18,"offset":1437}}},{"type":"text","value":"\n"}],"position":{"start":{"line":87,"column":1,"offset":1420},"end":{"line":87,"column":18,"offset":1437}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tbody","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"x","position":{"start":{"line":89,"column":3,"offset":1460},"end":{"line":89,"column":4,"offset":1461}}}],"position":{"start":{"line":89,"column":3,"offset":1460},"end":{"line":89,"column":4,"offset":1461}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"扇形圆心的 x 坐标","position":{"start":{"line":89,"column":7,"offset":1464},"end":{"line":89,"column":17,"offset":1474}}}],"position":{"start":{"line":89,"column":7,"offset":1464},"end":{"line":89,"column":17,"offset":1474}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[],"position":{"start":{"line":89,"column":21,"offset":1478},"end":{"line":89,"column":21,"offset":1478}}},{"type":"text","value":"\n"}],"position":{"start":{"line":89,"column":1,"offset":1458},"end":{"line":89,"column":22,"offset":1479}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"y","position":{"start":{"line":90,"column":3,"offset":1482},"end":{"line":90,"column":4,"offset":1483}}}],"position":{"start":{"line":90,"column":3,"offset":1482},"end":{"line":90,"column":4,"offset":1483}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"扇形圆心的 y 坐标","position":{"start":{"line":90,"column":7,"offset":1486},"end":{"line":90,"column":17,"offset":1496}}}],"position":{"start":{"line":90,"column":7,"offset":1486},"end":{"line":90,"column":17,"offset":1496}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[],"position":{"start":{"line":90,"column":21,"offset":1500},"end":{"line":90,"column":21,"offset":1500}}},{"type":"text","value":"\n"}],"position":{"start":{"line":90,"column":1,"offset":1480},"end":{"line":90,"column":22,"offset":1501}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"rs","position":{"start":{"line":91,"column":3,"offset":1504},"end":{"line":91,"column":5,"offset":1506}}}],"position":{"start":{"line":91,"column":3,"offset":1504},"end":{"line":91,"column":5,"offset":1506}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"水平半径","position":{"start":{"line":91,"column":8,"offset":1509},"end":{"line":91,"column":12,"offset":1513}}}],"position":{"start":{"line":91,"column":8,"offset":1509},"end":{"line":91,"column":12,"offset":1513}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[],"position":{"start":{"line":91,"column":16,"offset":1517},"end":{"line":91,"column":16,"offset":1517}}},{"type":"text","value":"\n"}],"position":{"start":{"line":91,"column":1,"offset":1502},"end":{"line":91,"column":17,"offset":1518}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"re","position":{"start":{"line":92,"column":3,"offset":1521},"end":{"line":92,"column":5,"offset":1523}}}],"position":{"start":{"line":92,"column":3,"offset":1521},"end":{"line":92,"column":5,"offset":1523}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"垂直半径","position":{"start":{"line":92,"column":8,"offset":1526},"end":{"line":92,"column":12,"offset":1530}}}],"position":{"start":{"line":92,"column":8,"offset":1526},"end":{"line":92,"column":12,"offset":1530}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[],"position":{"start":{"line":92,"column":16,"offset":1534},"end":{"line":92,"column":16,"offset":1534}}},{"type":"text","value":"\n"}],"position":{"start":{"line":92,"column":1,"offset":1519},"end":{"line":92,"column":17,"offset":1535}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"startAngle","position":{"start":{"line":93,"column":3,"offset":1538},"end":{"line":93,"column":13,"offset":1548}}}],"position":{"start":{"line":93,"column":3,"offset":1538},"end":{"line":93,"column":13,"offset":1548}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"起点弧度","position":{"start":{"line":93,"column":16,"offset":1551},"end":{"line":93,"column":20,"offset":1555}}}],"position":{"start":{"line":93,"column":16,"offset":1551},"end":{"line":93,"column":20,"offset":1555}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"弧度是弧度，即使用 Math.PI 表示","position":{"start":{"line":93,"column":23,"offset":1558},"end":{"line":93,"column":43,"offset":1578}}}],"position":{"start":{"line":93,"column":23,"offset":1558},"end":{"line":93,"column":43,"offset":1578}}},{"type":"text","value":"\n"}],"position":{"start":{"line":93,"column":1,"offset":1536},"end":{"line":93,"column":45,"offset":1580}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"endAngle","position":{"start":{"line":94,"column":3,"offset":1583},"end":{"line":94,"column":11,"offset":1591}}}],"position":{"start":{"line":94,"column":3,"offset":1583},"end":{"line":94,"column":11,"offset":1591}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"终点弧度","position":{"start":{"line":94,"column":15,"offset":1595},"end":{"line":94,"column":19,"offset":1599}}}],"position":{"start":{"line":94,"column":15,"offset":1595},"end":{"line":94,"column":19,"offset":1599}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[],"position":{"start":{"line":94,"column":23,"offset":1603},"end":{"line":94,"column":23,"offset":1603}}},{"type":"text","value":"\n"}],"position":{"start":{"line":94,"column":1,"offset":1581},"end":{"line":94,"column":24,"offset":1604}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"clockwise","position":{"start":{"line":95,"column":3,"offset":1607},"end":{"line":95,"column":12,"offset":1616}}}],"position":{"start":{"line":95,"column":3,"offset":1607},"end":{"line":95,"column":12,"offset":1616}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"为 ","position":{"start":{"line":95,"column":15,"offset":1619},"end":{"line":95,"column":17,"offset":1621}}},{"type":"raw","value":"<code class=\"language-text\">true</code>","position":{"start":{"line":95,"column":17,"offset":1621},"end":{"line":95,"column":23,"offset":1627}}},{"type":"text","value":" 时顺时针渲染，为 ","position":{"start":{"line":95,"column":23,"offset":1627},"end":{"line":95,"column":33,"offset":1637}}},{"type":"raw","value":"<code class=\"language-text\">false</code>","position":{"start":{"line":95,"column":33,"offset":1637},"end":{"line":95,"column":40,"offset":1644}}},{"type":"text","value":" 时逆时针渲染","position":{"start":{"line":95,"column":40,"offset":1644},"end":{"line":95,"column":47,"offset":1651}}}],"position":{"start":{"line":95,"column":15,"offset":1619},"end":{"line":95,"column":47,"offset":1651}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[],"position":{"start":{"line":95,"column":51,"offset":1655},"end":{"line":95,"column":51,"offset":1655}}},{"type":"text","value":"\n"}],"position":{"start":{"line":95,"column":1,"offset":1605},"end":{"line":95,"column":52,"offset":1656}}},{"type":"text","value":"\n"}],"position":{"start":{"line":89,"column":1,"offset":1458},"end":{"line":95,"column":52,"offset":1656}}},{"type":"text","value":"\n"}],"position":{"start":{"line":87,"column":1,"offset":1420},"end":{"line":95,"column":52,"offset":1656}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"用法-3"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E7%94%A8%E6%B3%95-3","aria-label":"用法 3 permalink","class":"anchor"},"children":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]},{"type":"text","value":"用法","position":{"start":{"line":98,"column":5,"offset":1663},"end":{"line":98,"column":7,"offset":1665}}}],"position":{"start":{"line":98,"column":1,"offset":1659},"end":{"line":98,"column":7,"offset":1665}}},{"type":"text","value":"\n"},{"type":"raw","value":"<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\">group<span class=\"token punctuation\">.</span><span class=\"token function\">addShape</span><span class=\"token punctuation\">(</span><span class=\"token string\">'fan'</span><span class=\"token punctuation\">,</span> <span class=\"token punctuation\">{</span>\n  attrs<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n    x<span class=\"token punctuation\">:</span> <span class=\"token number\">50</span><span class=\"token punctuation\">,</span>\n    y<span class=\"token punctuation\">:</span> <span class=\"token number\">50</span><span class=\"token punctuation\">,</span>\n    re<span class=\"token punctuation\">:</span> <span class=\"token number\">40</span><span class=\"token punctuation\">,</span>\n    rs<span class=\"token punctuation\">:</span> <span class=\"token number\">30</span><span class=\"token punctuation\">,</span>\n    startAngle<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">(</span><span class=\"token number\">1</span> <span class=\"token operator\">/</span> <span class=\"token number\">2</span><span class=\"token punctuation\">)</span> <span class=\"token operator\">*</span> Math<span class=\"token punctuation\">.</span><span class=\"token constant\">PI</span><span class=\"token punctuation\">,</span>\n    endAngle<span class=\"token punctuation\">:</span> Math<span class=\"token punctuation\">.</span><span class=\"token constant\">PI</span><span class=\"token punctuation\">,</span>\n    clockwise<span class=\"token punctuation\">:</span> <span class=\"token boolean\">false</span><span class=\"token punctuation\">,</span>\n    fill<span class=\"token punctuation\">:</span> <span class=\"token string\">'#b7eb8f'</span><span class=\"token punctuation\">,</span>\n  <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n</code></pre></div>","position":{"start":{"line":99,"column":1,"offset":1666},"end":{"line":112,"column":4,"offset":1867}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"图片图形-image"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E5%9B%BE%E7%89%87%E5%9B%BE%E5%BD%A2-image","aria-label":"图片图形 image permalink","class":"anchor"},"children":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]},{"type":"text","value":"图片图形 Image","position":{"start":{"line":114,"column":4,"offset":1872},"end":{"line":114,"column":14,"offset":1882}}}],"position":{"start":{"line":114,"column":1,"offset":1869},"end":{"line":114,"column":14,"offset":1882}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"属性-3"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E5%B1%9E%E6%80%A7-3","aria-label":"属性 3 permalink","class":"anchor"},"children":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]},{"type":"text","value":"属性","position":{"start":{"line":115,"column":5,"offset":1887},"end":{"line":115,"column":7,"offset":1889}}}],"position":{"start":{"line":115,"column":1,"offset":1883},"end":{"line":115,"column":7,"offset":1889}}},{"type":"text","value":"\n"},{"type":"element","tagName":"table","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"thead","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"属性名","position":{"start":{"line":116,"column":3,"offset":1892},"end":{"line":116,"column":6,"offset":1895}}}],"position":{"start":{"line":116,"column":3,"offset":1892},"end":{"line":116,"column":6,"offset":1895}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"含义","position":{"start":{"line":116,"column":9,"offset":1898},"end":{"line":116,"column":11,"offset":1900}}}],"position":{"start":{"line":116,"column":9,"offset":1898},"end":{"line":116,"column":11,"offset":1900}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"备注","position":{"start":{"line":116,"column":14,"offset":1903},"end":{"line":116,"column":16,"offset":1905}}}],"position":{"start":{"line":116,"column":14,"offset":1903},"end":{"line":116,"column":16,"offset":1905}}},{"type":"text","value":"\n"}],"position":{"start":{"line":116,"column":1,"offset":1890},"end":{"line":116,"column":18,"offset":1907}}},{"type":"text","value":"\n"}],"position":{"start":{"line":116,"column":1,"offset":1890},"end":{"line":116,"column":18,"offset":1907}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tbody","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"x","position":{"start":{"line":118,"column":3,"offset":1930},"end":{"line":118,"column":4,"offset":1931}}}],"position":{"start":{"line":118,"column":3,"offset":1930},"end":{"line":118,"column":4,"offset":1931}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"图片左上角的 x 坐标","position":{"start":{"line":118,"column":7,"offset":1934},"end":{"line":118,"column":18,"offset":1945}}}],"position":{"start":{"line":118,"column":7,"offset":1934},"end":{"line":118,"column":18,"offset":1945}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[],"position":{"start":{"line":118,"column":22,"offset":1949},"end":{"line":118,"column":22,"offset":1949}}},{"type":"text","value":"\n"}],"position":{"start":{"line":118,"column":1,"offset":1928},"end":{"line":118,"column":23,"offset":1950}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"y","position":{"start":{"line":119,"column":3,"offset":1953},"end":{"line":119,"column":4,"offset":1954}}}],"position":{"start":{"line":119,"column":3,"offset":1953},"end":{"line":119,"column":4,"offset":1954}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"图片左上角的 y 坐标","position":{"start":{"line":119,"column":8,"offset":1958},"end":{"line":119,"column":19,"offset":1969}}}],"position":{"start":{"line":119,"column":8,"offset":1958},"end":{"line":119,"column":19,"offset":1969}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[],"position":{"start":{"line":119,"column":23,"offset":1973},"end":{"line":119,"column":23,"offset":1973}}},{"type":"text","value":"\n"}],"position":{"start":{"line":119,"column":1,"offset":1951},"end":{"line":119,"column":24,"offset":1974}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"width","position":{"start":{"line":120,"column":3,"offset":1977},"end":{"line":120,"column":8,"offset":1982}}}],"position":{"start":{"line":120,"column":3,"offset":1977},"end":{"line":120,"column":8,"offset":1982}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"图片宽度","position":{"start":{"line":120,"column":11,"offset":1985},"end":{"line":120,"column":15,"offset":1989}}}],"position":{"start":{"line":120,"column":11,"offset":1985},"end":{"line":120,"column":15,"offset":1989}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[],"position":{"start":{"line":120,"column":19,"offset":1993},"end":{"line":120,"column":19,"offset":1993}}},{"type":"text","value":"\n"}],"position":{"start":{"line":120,"column":1,"offset":1975},"end":{"line":120,"column":20,"offset":1994}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"height","position":{"start":{"line":121,"column":3,"offset":1997},"end":{"line":121,"column":9,"offset":2003}}}],"position":{"start":{"line":121,"column":3,"offset":1997},"end":{"line":121,"column":9,"offset":2003}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"图片高度","position":{"start":{"line":121,"column":12,"offset":2006},"end":{"line":121,"column":16,"offset":2010}}}],"position":{"start":{"line":121,"column":12,"offset":2006},"end":{"line":121,"column":16,"offset":2010}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[],"position":{"start":{"line":121,"column":20,"offset":2014},"end":{"line":121,"column":20,"offset":2014}}},{"type":"text","value":"\n"}],"position":{"start":{"line":121,"column":1,"offset":1995},"end":{"line":121,"column":21,"offset":2015}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"img","position":{"start":{"line":122,"column":3,"offset":2018},"end":{"line":122,"column":6,"offset":2021}}}],"position":{"start":{"line":122,"column":3,"offset":2018},"end":{"line":122,"column":6,"offset":2021}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"图片源","position":{"start":{"line":122,"column":9,"offset":2024},"end":{"line":122,"column":12,"offset":2027}}}],"position":{"start":{"line":122,"column":9,"offset":2024},"end":{"line":122,"column":12,"offset":2027}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"G6 支持多种格式的图片：url、ImageData、Image、canvas","position":{"start":{"line":122,"column":15,"offset":2030},"end":{"line":122,"column":54,"offset":2069}}}],"position":{"start":{"line":122,"column":15,"offset":2030},"end":{"line":122,"column":54,"offset":2069}}},{"type":"text","value":"\n"}],"position":{"start":{"line":122,"column":1,"offset":2016},"end":{"line":122,"column":56,"offset":2071}}},{"type":"text","value":"\n"}],"position":{"start":{"line":118,"column":1,"offset":1928},"end":{"line":122,"column":56,"offset":2071}}},{"type":"text","value":"\n"}],"position":{"start":{"line":116,"column":1,"offset":1890},"end":{"line":122,"column":56,"offset":2071}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"用法-4"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E7%94%A8%E6%B3%95-4","aria-label":"用法 4 permalink","class":"anchor"},"children":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]},{"type":"text","value":"用法","position":{"start":{"line":125,"column":5,"offset":2078},"end":{"line":125,"column":7,"offset":2080}}}],"position":{"start":{"line":125,"column":1,"offset":2074},"end":{"line":125,"column":7,"offset":2080}}},{"type":"text","value":"\n"},{"type":"raw","value":"<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\">group<span class=\"token punctuation\">.</span><span class=\"token function\">addShape</span><span class=\"token punctuation\">(</span><span class=\"token string\">'image'</span><span class=\"token punctuation\">,</span> <span class=\"token punctuation\">{</span>\n  attrs<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n    x<span class=\"token punctuation\">:</span> <span class=\"token number\">0</span><span class=\"token punctuation\">,</span>\n    y<span class=\"token punctuation\">:</span> <span class=\"token number\">0</span><span class=\"token punctuation\">,</span>\n    img<span class=\"token punctuation\">:</span>\n      <span class=\"token string\">'https://g.alicdn.com/cm-design/arms-trace/1.0.155/styles/armsTrace/images/TAIR.png'</span><span class=\"token punctuation\">,</span>\n  <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n</code></pre></div>","position":{"start":{"line":126,"column":1,"offset":2081},"end":{"line":134,"column":4,"offset":2255}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"标记图形-marker"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E6%A0%87%E8%AE%B0%E5%9B%BE%E5%BD%A2-marker","aria-label":"标记图形 marker permalink","class":"anchor"},"children":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]},{"type":"text","value":"标记图形 Marker","position":{"start":{"line":136,"column":4,"offset":2260},"end":{"line":136,"column":15,"offset":2271}}}],"position":{"start":{"line":136,"column":1,"offset":2257},"end":{"line":136,"column":15,"offset":2271}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"属性-4"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E5%B1%9E%E6%80%A7-4","aria-label":"属性 4 permalink","class":"anchor"},"children":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]},{"type":"text","value":"属性","position":{"start":{"line":137,"column":5,"offset":2276},"end":{"line":137,"column":7,"offset":2278}}}],"position":{"start":{"line":137,"column":1,"offset":2272},"end":{"line":137,"column":7,"offset":2278}}},{"type":"text","value":"\n"},{"type":"element","tagName":"table","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"thead","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"属性名","position":{"start":{"line":138,"column":3,"offset":2281},"end":{"line":138,"column":6,"offset":2284}}}],"position":{"start":{"line":138,"column":3,"offset":2281},"end":{"line":138,"column":6,"offset":2284}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"含义","position":{"start":{"line":138,"column":9,"offset":2287},"end":{"line":138,"column":11,"offset":2289}}}],"position":{"start":{"line":138,"column":9,"offset":2287},"end":{"line":138,"column":11,"offset":2289}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"备注","position":{"start":{"line":138,"column":14,"offset":2292},"end":{"line":138,"column":16,"offset":2294}}}],"position":{"start":{"line":138,"column":14,"offset":2292},"end":{"line":138,"column":16,"offset":2294}}},{"type":"text","value":"\n"}],"position":{"start":{"line":138,"column":1,"offset":2279},"end":{"line":138,"column":18,"offset":2296}}},{"type":"text","value":"\n"}],"position":{"start":{"line":138,"column":1,"offset":2279},"end":{"line":138,"column":18,"offset":2296}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tbody","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"x","position":{"start":{"line":140,"column":3,"offset":2319},"end":{"line":140,"column":4,"offset":2320}}}],"position":{"start":{"line":140,"column":3,"offset":2319},"end":{"line":140,"column":4,"offset":2320}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"中心的 x 坐标","position":{"start":{"line":140,"column":7,"offset":2323},"end":{"line":140,"column":15,"offset":2331}}}],"position":{"start":{"line":140,"column":7,"offset":2323},"end":{"line":140,"column":15,"offset":2331}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[],"position":{"start":{"line":140,"column":19,"offset":2335},"end":{"line":140,"column":19,"offset":2335}}},{"type":"text","value":"\n"}],"position":{"start":{"line":140,"column":1,"offset":2317},"end":{"line":140,"column":20,"offset":2336}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"y","position":{"start":{"line":141,"column":3,"offset":2339},"end":{"line":141,"column":4,"offset":2340}}}],"position":{"start":{"line":141,"column":3,"offset":2339},"end":{"line":141,"column":4,"offset":2340}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"中心的 y 坐标","position":{"start":{"line":141,"column":7,"offset":2343},"end":{"line":141,"column":15,"offset":2351}}}],"position":{"start":{"line":141,"column":7,"offset":2343},"end":{"line":141,"column":15,"offset":2351}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[],"position":{"start":{"line":141,"column":19,"offset":2355},"end":{"line":141,"column":19,"offset":2355}}},{"type":"text","value":"\n"}],"position":{"start":{"line":141,"column":1,"offset":2337},"end":{"line":141,"column":20,"offset":2356}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"r","position":{"start":{"line":142,"column":3,"offset":2359},"end":{"line":142,"column":4,"offset":2360}}}],"position":{"start":{"line":142,"column":3,"offset":2359},"end":{"line":142,"column":4,"offset":2360}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"形状半径","position":{"start":{"line":142,"column":7,"offset":2363},"end":{"line":142,"column":11,"offset":2367}}}],"position":{"start":{"line":142,"column":7,"offset":2363},"end":{"line":142,"column":11,"offset":2367}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[],"position":{"start":{"line":142,"column":15,"offset":2371},"end":{"line":142,"column":15,"offset":2371}}},{"type":"text","value":"\n"}],"position":{"start":{"line":142,"column":1,"offset":2357},"end":{"line":142,"column":16,"offset":2372}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"symbol","position":{"start":{"line":143,"column":3,"offset":2375},"end":{"line":143,"column":9,"offset":2381}}}],"position":{"start":{"line":143,"column":3,"offset":2375},"end":{"line":143,"column":9,"offset":2381}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"指定形状","position":{"start":{"line":143,"column":12,"offset":2384},"end":{"line":143,"column":16,"offset":2388}}}],"position":{"start":{"line":143,"column":12,"offset":2384},"end":{"line":143,"column":16,"offset":2388}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"内置了一些常用形状，如圆形 ","position":{"start":{"line":143,"column":19,"offset":2391},"end":{"line":143,"column":33,"offset":2405}}},{"type":"raw","value":"<code class=\"language-text\">circle</code>","position":{"start":{"line":143,"column":33,"offset":2405},"end":{"line":143,"column":41,"offset":2413}}},{"type":"text","value":" ， 矩形 ","position":{"start":{"line":143,"column":41,"offset":2413},"end":{"line":143,"column":47,"offset":2419}}},{"type":"raw","value":"<code class=\"language-text\">square</code>","position":{"start":{"line":143,"column":47,"offset":2419},"end":{"line":143,"column":55,"offset":2427}}},{"type":"text","value":" ， 菱形 ","position":{"start":{"line":143,"column":55,"offset":2427},"end":{"line":143,"column":61,"offset":2433}}},{"type":"raw","value":"<code class=\"language-text\">diamond</code>","position":{"start":{"line":143,"column":61,"offset":2433},"end":{"line":143,"column":70,"offset":2442}}},{"type":"text","value":" ，三角形 ","position":{"start":{"line":143,"column":70,"offset":2442},"end":{"line":143,"column":76,"offset":2448}}},{"type":"raw","value":"<code class=\"language-text\">triangle</code>","position":{"start":{"line":143,"column":76,"offset":2448},"end":{"line":143,"column":86,"offset":2458}}},{"type":"text","value":" ， 倒三角形 ","position":{"start":{"line":143,"column":86,"offset":2458},"end":{"line":143,"column":94,"offset":2466}}},{"type":"raw","value":"<code class=\"language-text\">triangle-down</code>","position":{"start":{"line":143,"column":94,"offset":2466},"end":{"line":143,"column":109,"offset":2481}}},{"type":"text","value":" ，也可以是自定义的 path 路径。","position":{"start":{"line":143,"column":109,"offset":2481},"end":{"line":143,"column":128,"offset":2500}}}],"position":{"start":{"line":143,"column":19,"offset":2391},"end":{"line":143,"column":128,"offset":2500}}},{"type":"text","value":"\n"}],"position":{"start":{"line":143,"column":1,"offset":2373},"end":{"line":143,"column":130,"offset":2502}}},{"type":"text","value":"\n"}],"position":{"start":{"line":140,"column":1,"offset":2317},"end":{"line":143,"column":130,"offset":2502}}},{"type":"text","value":"\n"}],"position":{"start":{"line":138,"column":1,"offset":2279},"end":{"line":143,"column":130,"offset":2502}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"用法-5"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E7%94%A8%E6%B3%95-5","aria-label":"用法 5 permalink","class":"anchor"},"children":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]},{"type":"text","value":"用法","position":{"start":{"line":146,"column":5,"offset":2509},"end":{"line":146,"column":7,"offset":2511}}}],"position":{"start":{"line":146,"column":1,"offset":2505},"end":{"line":146,"column":7,"offset":2511}}},{"type":"text","value":"\n"},{"type":"raw","value":"<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\">group<span class=\"token punctuation\">.</span><span class=\"token function\">addShape</span><span class=\"token punctuation\">(</span><span class=\"token string\">'marker'</span><span class=\"token punctuation\">,</span> <span class=\"token punctuation\">{</span>\n  attrs<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n    x<span class=\"token punctuation\">:</span> <span class=\"token number\">10</span><span class=\"token punctuation\">,</span>\n    y<span class=\"token punctuation\">:</span> <span class=\"token number\">10</span><span class=\"token punctuation\">,</span>\n    r<span class=\"token punctuation\">:</span> <span class=\"token number\">10</span><span class=\"token punctuation\">,</span>\n    <span class=\"token function-variable function\">symbol</span><span class=\"token punctuation\">:</span> <span class=\"token keyword\">function</span><span class=\"token punctuation\">(</span><span class=\"token parameter\">x<span class=\"token punctuation\">,</span> y<span class=\"token punctuation\">,</span> r</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span>\n      <span class=\"token keyword\">return</span> <span class=\"token punctuation\">[</span><span class=\"token punctuation\">[</span><span class=\"token string\">'M'</span><span class=\"token punctuation\">,</span> x<span class=\"token punctuation\">,</span> y<span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span> <span class=\"token punctuation\">[</span><span class=\"token string\">'L'</span><span class=\"token punctuation\">,</span> x <span class=\"token operator\">+</span> r<span class=\"token punctuation\">,</span> y <span class=\"token operator\">+</span> r<span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span> <span class=\"token punctuation\">[</span><span class=\"token string\">'L'</span><span class=\"token punctuation\">,</span> x <span class=\"token operator\">+</span> r <span class=\"token operator\">*</span> <span class=\"token number\">2</span><span class=\"token punctuation\">,</span> y<span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span> <span class=\"token punctuation\">[</span><span class=\"token string\">'Z'</span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">;</span>\n    <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n  <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n</code></pre></div>","position":{"start":{"line":147,"column":1,"offset":2512},"end":{"line":163,"column":4,"offset":2770}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"多边形图形-polygon"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E5%A4%9A%E8%BE%B9%E5%BD%A2%E5%9B%BE%E5%BD%A2-polygon","aria-label":"多边形图形 polygon permalink","class":"anchor"},"children":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]},{"type":"text","value":"多边形图形 Polygon","position":{"start":{"line":165,"column":4,"offset":2775},"end":{"line":165,"column":17,"offset":2788}}}],"position":{"start":{"line":165,"column":1,"offset":2772},"end":{"line":165,"column":17,"offset":2788}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"属性-5"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E5%B1%9E%E6%80%A7-5","aria-label":"属性 5 permalink","class":"anchor"},"children":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]},{"type":"text","value":"属性","position":{"start":{"line":166,"column":5,"offset":2793},"end":{"line":166,"column":7,"offset":2795}}}],"position":{"start":{"line":166,"column":1,"offset":2789},"end":{"line":166,"column":7,"offset":2795}}},{"type":"text","value":"\n"},{"type":"element","tagName":"table","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"thead","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"属性名","position":{"start":{"line":167,"column":3,"offset":2798},"end":{"line":167,"column":6,"offset":2801}}}],"position":{"start":{"line":167,"column":3,"offset":2798},"end":{"line":167,"column":6,"offset":2801}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"含义","position":{"start":{"line":167,"column":9,"offset":2804},"end":{"line":167,"column":11,"offset":2806}}}],"position":{"start":{"line":167,"column":9,"offset":2804},"end":{"line":167,"column":11,"offset":2806}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"备注","position":{"start":{"line":167,"column":14,"offset":2809},"end":{"line":167,"column":16,"offset":2811}}}],"position":{"start":{"line":167,"column":14,"offset":2809},"end":{"line":167,"column":16,"offset":2811}}},{"type":"text","value":"\n"}],"position":{"start":{"line":167,"column":1,"offset":2796},"end":{"line":167,"column":18,"offset":2813}}},{"type":"text","value":"\n"}],"position":{"start":{"line":167,"column":1,"offset":2796},"end":{"line":167,"column":18,"offset":2813}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tbody","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"points","position":{"start":{"line":169,"column":3,"offset":2836},"end":{"line":169,"column":9,"offset":2842}}}],"position":{"start":{"line":169,"column":3,"offset":2836},"end":{"line":169,"column":9,"offset":2842}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"多边形的所有端点坐标","position":{"start":{"line":169,"column":12,"offset":2845},"end":{"line":169,"column":22,"offset":2855}}}],"position":{"start":{"line":169,"column":12,"offset":2845},"end":{"line":169,"column":22,"offset":2855}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"数组形式","position":{"start":{"line":169,"column":25,"offset":2858},"end":{"line":169,"column":29,"offset":2862}}}],"position":{"start":{"line":169,"column":25,"offset":2858},"end":{"line":169,"column":29,"offset":2862}}},{"type":"text","value":"\n"}],"position":{"start":{"line":169,"column":1,"offset":2834},"end":{"line":169,"column":31,"offset":2864}}},{"type":"text","value":"\n"}],"position":{"start":{"line":169,"column":1,"offset":2834},"end":{"line":169,"column":31,"offset":2864}}},{"type":"text","value":"\n"}],"position":{"start":{"line":167,"column":1,"offset":2796},"end":{"line":169,"column":31,"offset":2864}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"用法-6"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E7%94%A8%E6%B3%95-6","aria-label":"用法 6 permalink","class":"anchor"},"children":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]},{"type":"text","value":"用法","position":{"start":{"line":172,"column":5,"offset":2871},"end":{"line":172,"column":7,"offset":2873}}}],"position":{"start":{"line":172,"column":1,"offset":2867},"end":{"line":172,"column":7,"offset":2873}}},{"type":"text","value":"\n"},{"type":"raw","value":"<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\">group<span class=\"token punctuation\">.</span><span class=\"token function\">addShape</span><span class=\"token punctuation\">(</span><span class=\"token string\">'polygon'</span><span class=\"token punctuation\">,</span> <span class=\"token punctuation\">{</span>\n  attrs<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n    points<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span>\n      <span class=\"token punctuation\">[</span><span class=\"token number\">30</span><span class=\"token punctuation\">,</span> <span class=\"token number\">30</span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n      <span class=\"token punctuation\">[</span><span class=\"token number\">40</span><span class=\"token punctuation\">,</span> <span class=\"token number\">20</span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n      <span class=\"token punctuation\">[</span><span class=\"token number\">30</span><span class=\"token punctuation\">,</span> <span class=\"token number\">50</span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n      <span class=\"token punctuation\">[</span><span class=\"token number\">60</span><span class=\"token punctuation\">,</span> <span class=\"token number\">100</span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n    <span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n    fill<span class=\"token punctuation\">:</span> <span class=\"token string\">'red'</span><span class=\"token punctuation\">,</span>\n  <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n</code></pre></div>","position":{"start":{"line":173,"column":1,"offset":2874},"end":{"line":180,"column":4,"offset":3016}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"矩形图形-rect"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E7%9F%A9%E5%BD%A2%E5%9B%BE%E5%BD%A2-rect","aria-label":"矩形图形 rect permalink","class":"anchor"},"children":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]},{"type":"text","value":"矩形图形 Rect","position":{"start":{"line":182,"column":4,"offset":3021},"end":{"line":182,"column":13,"offset":3030}}}],"position":{"start":{"line":182,"column":1,"offset":3018},"end":{"line":182,"column":13,"offset":3030}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"属性-6"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E5%B1%9E%E6%80%A7-6","aria-label":"属性 6 permalink","class":"anchor"},"children":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]},{"type":"text","value":"属性","position":{"start":{"line":183,"column":5,"offset":3035},"end":{"line":183,"column":7,"offset":3037}}}],"position":{"start":{"line":183,"column":1,"offset":3031},"end":{"line":183,"column":7,"offset":3037}}},{"type":"text","value":"\n"},{"type":"element","tagName":"table","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"thead","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"属性名","position":{"start":{"line":184,"column":3,"offset":3040},"end":{"line":184,"column":6,"offset":3043}}}],"position":{"start":{"line":184,"column":3,"offset":3040},"end":{"line":184,"column":6,"offset":3043}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"含义","position":{"start":{"line":184,"column":9,"offset":3046},"end":{"line":184,"column":11,"offset":3048}}}],"position":{"start":{"line":184,"column":9,"offset":3046},"end":{"line":184,"column":11,"offset":3048}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"备注","position":{"start":{"line":184,"column":14,"offset":3051},"end":{"line":184,"column":16,"offset":3053}}}],"position":{"start":{"line":184,"column":14,"offset":3051},"end":{"line":184,"column":16,"offset":3053}}},{"type":"text","value":"\n"}],"position":{"start":{"line":184,"column":1,"offset":3038},"end":{"line":184,"column":18,"offset":3055}}},{"type":"text","value":"\n"}],"position":{"start":{"line":184,"column":1,"offset":3038},"end":{"line":184,"column":18,"offset":3055}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tbody","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"x","position":{"start":{"line":186,"column":3,"offset":3078},"end":{"line":186,"column":4,"offset":3079}}}],"position":{"start":{"line":186,"column":3,"offset":3078},"end":{"line":186,"column":4,"offset":3079}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"矩形左上角的 x 坐标","position":{"start":{"line":186,"column":7,"offset":3082},"end":{"line":186,"column":18,"offset":3093}}}],"position":{"start":{"line":186,"column":7,"offset":3082},"end":{"line":186,"column":18,"offset":3093}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[],"position":{"start":{"line":186,"column":22,"offset":3097},"end":{"line":186,"column":22,"offset":3097}}},{"type":"text","value":"\n"}],"position":{"start":{"line":186,"column":1,"offset":3076},"end":{"line":186,"column":23,"offset":3098}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"y","position":{"start":{"line":187,"column":3,"offset":3101},"end":{"line":187,"column":4,"offset":3102}}}],"position":{"start":{"line":187,"column":3,"offset":3101},"end":{"line":187,"column":4,"offset":3102}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"矩形左上角的 y 坐标","position":{"start":{"line":187,"column":7,"offset":3105},"end":{"line":187,"column":18,"offset":3116}}}],"position":{"start":{"line":187,"column":7,"offset":3105},"end":{"line":187,"column":18,"offset":3116}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[],"position":{"start":{"line":187,"column":22,"offset":3120},"end":{"line":187,"column":22,"offset":3120}}},{"type":"text","value":"\n"}],"position":{"start":{"line":187,"column":1,"offset":3099},"end":{"line":187,"column":23,"offset":3121}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"width","position":{"start":{"line":188,"column":3,"offset":3124},"end":{"line":188,"column":8,"offset":3129}}}],"position":{"start":{"line":188,"column":3,"offset":3124},"end":{"line":188,"column":8,"offset":3129}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"矩形的宽度","position":{"start":{"line":188,"column":11,"offset":3132},"end":{"line":188,"column":16,"offset":3137}}}],"position":{"start":{"line":188,"column":11,"offset":3132},"end":{"line":188,"column":16,"offset":3137}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[],"position":{"start":{"line":188,"column":20,"offset":3141},"end":{"line":188,"column":20,"offset":3141}}},{"type":"text","value":"\n"}],"position":{"start":{"line":188,"column":1,"offset":3122},"end":{"line":188,"column":21,"offset":3142}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"height","position":{"start":{"line":189,"column":3,"offset":3145},"end":{"line":189,"column":9,"offset":3151}}}],"position":{"start":{"line":189,"column":3,"offset":3145},"end":{"line":189,"column":9,"offset":3151}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"矩形的高度","position":{"start":{"line":189,"column":12,"offset":3154},"end":{"line":189,"column":17,"offset":3159}}}],"position":{"start":{"line":189,"column":12,"offset":3154},"end":{"line":189,"column":17,"offset":3159}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[],"position":{"start":{"line":189,"column":21,"offset":3163},"end":{"line":189,"column":21,"offset":3163}}},{"type":"text","value":"\n"}],"position":{"start":{"line":189,"column":1,"offset":3143},"end":{"line":189,"column":22,"offset":3164}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"radius","position":{"start":{"line":190,"column":3,"offset":3167},"end":{"line":190,"column":9,"offset":3173}}}],"position":{"start":{"line":190,"column":3,"offset":3167},"end":{"line":190,"column":9,"offset":3173}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"定义圆角","position":{"start":{"line":190,"column":12,"offset":3176},"end":{"line":190,"column":16,"offset":3180}}}],"position":{"start":{"line":190,"column":12,"offset":3176},"end":{"line":190,"column":16,"offset":3180}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"支持整数或数组形式， 分别对应左上、右上、右下、左下角的半径：","position":{"start":{"line":190,"column":19,"offset":3183},"end":{"line":190,"column":50,"offset":3214}}},{"type":"raw","value":"<br />","position":{"start":{"line":190,"column":50,"offset":3214},"end":{"line":190,"column":56,"offset":3220}}},{"type":"text","value":"- radius 缩写为 1 或 ","position":{"start":{"line":190,"column":56,"offset":3220},"end":{"line":190,"column":73,"offset":3237}}},{"type":"text","value":"[ 1 ]","position":{"start":{"line":190,"column":74,"offset":3238},"end":{"line":190,"column":77,"offset":3241}}},{"type":"text","value":" 相当于 ","position":{"start":{"line":190,"column":78,"offset":3242},"end":{"line":190,"column":83,"offset":3247}}},{"type":"text","value":"[ 1, 1, 1, 1 ]","position":{"start":{"line":190,"column":84,"offset":3248},"end":{"line":190,"column":96,"offset":3260}}},{"type":"raw","value":"<br />","position":{"start":{"line":190,"column":97,"offset":3261},"end":{"line":190,"column":103,"offset":3267}}},{"type":"text","value":"- radius 缩写为 ","position":{"start":{"line":190,"column":103,"offset":3267},"end":{"line":190,"column":116,"offset":3280}}},{"type":"text","value":"[ 1, 2 ]","position":{"start":{"line":190,"column":117,"offset":3281},"end":{"line":190,"column":123,"offset":3287}}},{"type":"text","value":" 相当于 ","position":{"start":{"line":190,"column":124,"offset":3288},"end":{"line":190,"column":129,"offset":3293}}},{"type":"text","value":"[ 1, 2, 1, 2 ]","position":{"start":{"line":190,"column":130,"offset":3294},"end":{"line":190,"column":142,"offset":3306}}},{"type":"raw","value":"<br />","position":{"start":{"line":190,"column":143,"offset":3307},"end":{"line":190,"column":149,"offset":3313}}},{"type":"text","value":"- radius 缩写为 ","position":{"start":{"line":190,"column":149,"offset":3313},"end":{"line":190,"column":162,"offset":3326}}},{"type":"text","value":"[ 1, 2, 3 ]","position":{"start":{"line":190,"column":163,"offset":3327},"end":{"line":190,"column":172,"offset":3336}}},{"type":"text","value":" 相当于 ","position":{"start":{"line":190,"column":173,"offset":3337},"end":{"line":190,"column":178,"offset":3342}}},{"type":"text","value":"[ 1, 2, 3, 2 ]","position":{"start":{"line":190,"column":179,"offset":3343},"end":{"line":190,"column":191,"offset":3355}}},{"type":"raw","value":"<br />","position":{"start":{"line":190,"column":192,"offset":3356},"end":{"line":190,"column":198,"offset":3362}}}],"position":{"start":{"line":190,"column":19,"offset":3183},"end":{"line":190,"column":198,"offset":3362}}},{"type":"text","value":"\n"}],"position":{"start":{"line":190,"column":1,"offset":3165},"end":{"line":190,"column":200,"offset":3364}}},{"type":"text","value":"\n"}],"position":{"start":{"line":186,"column":1,"offset":3076},"end":{"line":190,"column":200,"offset":3364}}},{"type":"text","value":"\n"}],"position":{"start":{"line":184,"column":1,"offset":3038},"end":{"line":190,"column":200,"offset":3364}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"用法-7"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E7%94%A8%E6%B3%95-7","aria-label":"用法 7 permalink","class":"anchor"},"children":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]},{"type":"text","value":"用法","position":{"start":{"line":193,"column":5,"offset":3372},"end":{"line":193,"column":7,"offset":3374}}}],"position":{"start":{"line":193,"column":1,"offset":3368},"end":{"line":193,"column":7,"offset":3374}}},{"type":"text","value":"\n"},{"type":"raw","value":"<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\">group<span class=\"token punctuation\">.</span><span class=\"token function\">addShape</span><span class=\"token punctuation\">(</span><span class=\"token string\">'rect'</span><span class=\"token punctuation\">,</span> <span class=\"token punctuation\">{</span>\n  attrs<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n    x<span class=\"token punctuation\">:</span> <span class=\"token number\">150</span><span class=\"token punctuation\">,</span>\n    y<span class=\"token punctuation\">:</span> <span class=\"token number\">150</span><span class=\"token punctuation\">,</span>\n    width<span class=\"token punctuation\">:</span> <span class=\"token number\">150</span><span class=\"token punctuation\">,</span>\n    height<span class=\"token punctuation\">:</span> <span class=\"token number\">150</span><span class=\"token punctuation\">,</span>\n    stroke<span class=\"token punctuation\">:</span> <span class=\"token string\">'black'</span><span class=\"token punctuation\">,</span>\n    radius<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span><span class=\"token number\">2</span><span class=\"token punctuation\">,</span> <span class=\"token number\">4</span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n  <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n</code></pre></div>","position":{"start":{"line":194,"column":1,"offset":3375},"end":{"line":205,"column":4,"offset":3533}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"路径-path"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E8%B7%AF%E5%BE%84-path","aria-label":"路径 path permalink","class":"anchor"},"children":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]},{"type":"text","value":"路径 Path","position":{"start":{"line":207,"column":4,"offset":3538},"end":{"line":207,"column":11,"offset":3545}}}],"position":{"start":{"line":207,"column":1,"offset":3535},"end":{"line":207,"column":11,"offset":3545}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"raw","value":"<span style=\"background-color: rgb(251, 233, 231); color: rgb(139, 53, 56)\">","position":{"start":{"line":208,"column":1,"offset":3546},"end":{"line":208,"column":77,"offset":3622}}},{"type":"text","value":" ","position":{"start":{"line":208,"column":77,"offset":3622},"end":{"line":208,"column":78,"offset":3623}}},{"type":"text","value":" ","position":{"start":{"line":208,"column":78,"offset":3623},"end":{"line":208,"column":84,"offset":3629}}},{"type":"text","value":" ","position":{"start":{"line":208,"column":84,"offset":3629},"end":{"line":208,"column":90,"offset":3635}}},{"type":"text","value":"注意：","position":{"start":{"line":208,"column":90,"offset":3635},"end":{"line":208,"column":93,"offset":3638}}},{"type":"raw","value":"</span>","position":{"start":{"line":208,"column":93,"offset":3638},"end":{"line":208,"column":100,"offset":3645}}},{"type":"text","value":"\n边太细时候点击不中，请设置 ","position":{"start":{"line":208,"column":100,"offset":3645},"end":{"line":209,"column":15,"offset":3660}}},{"type":"raw","value":"<code class=\"language-text\">lineAppendWidth</code>","position":{"start":{"line":209,"column":15,"offset":3660},"end":{"line":209,"column":32,"offset":3677}}},{"type":"text","value":" 属性值。","position":{"start":{"line":209,"column":32,"offset":3677},"end":{"line":209,"column":37,"offset":3682}}}],"position":{"start":{"line":208,"column":1,"offset":3546},"end":{"line":209,"column":37,"offset":3682}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"属性-7"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E5%B1%9E%E6%80%A7-7","aria-label":"属性 7 permalink","class":"anchor"},"children":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]},{"type":"text","value":"属性","position":{"start":{"line":210,"column":5,"offset":3687},"end":{"line":210,"column":7,"offset":3689}}}],"position":{"start":{"line":210,"column":1,"offset":3683},"end":{"line":210,"column":7,"offset":3689}}},{"type":"text","value":"\n"},{"type":"element","tagName":"table","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"thead","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"属性名","position":{"start":{"line":211,"column":3,"offset":3692},"end":{"line":211,"column":6,"offset":3695}}}],"position":{"start":{"line":211,"column":3,"offset":3692},"end":{"line":211,"column":6,"offset":3695}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"含义","position":{"start":{"line":211,"column":9,"offset":3698},"end":{"line":211,"column":11,"offset":3700}}}],"position":{"start":{"line":211,"column":9,"offset":3698},"end":{"line":211,"column":11,"offset":3700}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"备注","position":{"start":{"line":211,"column":14,"offset":3703},"end":{"line":211,"column":16,"offset":3705}}}],"position":{"start":{"line":211,"column":14,"offset":3703},"end":{"line":211,"column":16,"offset":3705}}},{"type":"text","value":"\n"}],"position":{"start":{"line":211,"column":1,"offset":3690},"end":{"line":211,"column":18,"offset":3707}}},{"type":"text","value":"\n"}],"position":{"start":{"line":211,"column":1,"offset":3690},"end":{"line":211,"column":18,"offset":3707}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tbody","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"path","position":{"start":{"line":213,"column":3,"offset":3730},"end":{"line":213,"column":7,"offset":3734}}}],"position":{"start":{"line":213,"column":3,"offset":3730},"end":{"line":213,"column":7,"offset":3734}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"线条路径","position":{"start":{"line":213,"column":11,"offset":3738},"end":{"line":213,"column":15,"offset":3742}}}],"position":{"start":{"line":213,"column":11,"offset":3738},"end":{"line":213,"column":15,"offset":3742}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"可以是 String 形式，也可以是线段的数组。","position":{"start":{"line":213,"column":18,"offset":3745},"end":{"line":213,"column":42,"offset":3769}}}],"position":{"start":{"line":213,"column":18,"offset":3745},"end":{"line":213,"column":42,"offset":3769}}},{"type":"text","value":"\n"}],"position":{"start":{"line":213,"column":1,"offset":3728},"end":{"line":213,"column":44,"offset":3771}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"startArrow","position":{"start":{"line":214,"column":3,"offset":3774},"end":{"line":214,"column":13,"offset":3784}}}],"position":{"start":{"line":214,"column":3,"offset":3774},"end":{"line":214,"column":13,"offset":3784}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"起始端的箭头","position":{"start":{"line":214,"column":16,"offset":3787},"end":{"line":214,"column":22,"offset":3793}}}],"position":{"start":{"line":214,"column":16,"offset":3787},"end":{"line":214,"column":22,"offset":3793}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"为 ","position":{"start":{"line":214,"column":25,"offset":3796},"end":{"line":214,"column":27,"offset":3798}}},{"type":"raw","value":"<code class=\"language-text\">true</code>","position":{"start":{"line":214,"column":27,"offset":3798},"end":{"line":214,"column":33,"offset":3804}}},{"type":"text","value":" 时为默认的箭头效果，也可以是一个自定义箭头","position":{"start":{"line":214,"column":33,"offset":3804},"end":{"line":214,"column":55,"offset":3826}}}],"position":{"start":{"line":214,"column":25,"offset":3796},"end":{"line":214,"column":55,"offset":3826}}},{"type":"text","value":"\n"}],"position":{"start":{"line":214,"column":1,"offset":3772},"end":{"line":214,"column":57,"offset":3828}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"endArrow","position":{"start":{"line":215,"column":3,"offset":3831},"end":{"line":215,"column":11,"offset":3839}}}],"position":{"start":{"line":215,"column":3,"offset":3831},"end":{"line":215,"column":11,"offset":3839}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"末尾端的箭头","position":{"start":{"line":215,"column":14,"offset":3842},"end":{"line":215,"column":20,"offset":3848}}}],"position":{"start":{"line":215,"column":14,"offset":3842},"end":{"line":215,"column":20,"offset":3848}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"为 ","position":{"start":{"line":215,"column":23,"offset":3851},"end":{"line":215,"column":25,"offset":3853}}},{"type":"raw","value":"<code class=\"language-text\">true</code>","position":{"start":{"line":215,"column":25,"offset":3853},"end":{"line":215,"column":31,"offset":3859}}},{"type":"text","value":" 时为默认的箭头效果，也可以是一个自定义箭头","position":{"start":{"line":215,"column":31,"offset":3859},"end":{"line":215,"column":53,"offset":3881}}}],"position":{"start":{"line":215,"column":23,"offset":3851},"end":{"line":215,"column":53,"offset":3881}}},{"type":"text","value":"\n"}],"position":{"start":{"line":215,"column":1,"offset":3829},"end":{"line":215,"column":55,"offset":3883}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"lineAppendWidth","position":{"start":{"line":216,"column":3,"offset":3886},"end":{"line":216,"column":18,"offset":3901}}}],"position":{"start":{"line":216,"column":3,"offset":3886},"end":{"line":216,"column":18,"offset":3901}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"边的击中范围","position":{"start":{"line":216,"column":21,"offset":3904},"end":{"line":216,"column":27,"offset":3910}}}],"position":{"start":{"line":216,"column":21,"offset":3904},"end":{"line":216,"column":27,"offset":3910}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"提升边的击中范围，扩展响应范围，数值越大，响应范围越广","position":{"start":{"line":216,"column":30,"offset":3913},"end":{"line":216,"column":57,"offset":3940}}}],"position":{"start":{"line":216,"column":30,"offset":3913},"end":{"line":216,"column":57,"offset":3940}}},{"type":"text","value":"\n"}],"position":{"start":{"line":216,"column":1,"offset":3884},"end":{"line":216,"column":59,"offset":3942}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"lineCap","position":{"start":{"line":217,"column":3,"offset":3945},"end":{"line":217,"column":10,"offset":3952}}}],"position":{"start":{"line":217,"column":3,"offset":3945},"end":{"line":217,"column":10,"offset":3952}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"设置线条的结束端点样式","position":{"start":{"line":217,"column":13,"offset":3955},"end":{"line":217,"column":24,"offset":3966}}}],"position":{"start":{"line":217,"column":13,"offset":3955},"end":{"line":217,"column":24,"offset":3966}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[],"position":{"start":{"line":217,"column":28,"offset":3970},"end":{"line":217,"column":28,"offset":3970}}},{"type":"text","value":"\n"}],"position":{"start":{"line":217,"column":1,"offset":3943},"end":{"line":217,"column":29,"offset":3971}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"lineJoin","position":{"start":{"line":218,"column":3,"offset":3974},"end":{"line":218,"column":11,"offset":3982}}}],"position":{"start":{"line":218,"column":3,"offset":3974},"end":{"line":218,"column":11,"offset":3982}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"设置两条线相交时，所创建的拐角形状","position":{"start":{"line":218,"column":14,"offset":3985},"end":{"line":218,"column":31,"offset":4002}}}],"position":{"start":{"line":218,"column":14,"offset":3985},"end":{"line":218,"column":31,"offset":4002}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[],"position":{"start":{"line":218,"column":35,"offset":4006},"end":{"line":218,"column":35,"offset":4006}}},{"type":"text","value":"\n"}],"position":{"start":{"line":218,"column":1,"offset":3972},"end":{"line":218,"column":36,"offset":4007}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"lineWidth","position":{"start":{"line":219,"column":3,"offset":4010},"end":{"line":219,"column":12,"offset":4019}}}],"position":{"start":{"line":219,"column":3,"offset":4010},"end":{"line":219,"column":12,"offset":4019}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"设置当前的线条宽度","position":{"start":{"line":219,"column":15,"offset":4022},"end":{"line":219,"column":24,"offset":4031}}}],"position":{"start":{"line":219,"column":15,"offset":4022},"end":{"line":219,"column":24,"offset":4031}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[],"position":{"start":{"line":219,"column":28,"offset":4035},"end":{"line":219,"column":28,"offset":4035}}},{"type":"text","value":"\n"}],"position":{"start":{"line":219,"column":1,"offset":4008},"end":{"line":219,"column":29,"offset":4036}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"miterLimit","position":{"start":{"line":220,"column":3,"offset":4039},"end":{"line":220,"column":13,"offset":4049}}}],"position":{"start":{"line":220,"column":3,"offset":4039},"end":{"line":220,"column":13,"offset":4049}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"设置最大斜接长度","position":{"start":{"line":220,"column":16,"offset":4052},"end":{"line":220,"column":24,"offset":4060}}}],"position":{"start":{"line":220,"column":16,"offset":4052},"end":{"line":220,"column":24,"offset":4060}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[],"position":{"start":{"line":220,"column":28,"offset":4064},"end":{"line":220,"column":28,"offset":4064}}},{"type":"text","value":"\n"}],"position":{"start":{"line":220,"column":1,"offset":4037},"end":{"line":220,"column":29,"offset":4065}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"lineDash","position":{"start":{"line":221,"column":3,"offset":4068},"end":{"line":221,"column":11,"offset":4076}}}],"position":{"start":{"line":221,"column":3,"offset":4068},"end":{"line":221,"column":11,"offset":4076}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"设置线的虚线样式，可以指定一个数组","position":{"start":{"line":221,"column":14,"offset":4079},"end":{"line":221,"column":31,"offset":4096}}}],"position":{"start":{"line":221,"column":14,"offset":4079},"end":{"line":221,"column":31,"offset":4096}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"一组描述交替绘制线段和间距（坐标空间单位）长度的数字。 如果数组元素的数量是奇数， 数组的元素会被复制并重复。例如， ","position":{"start":{"line":221,"column":34,"offset":4099},"end":{"line":221,"column":93,"offset":4158}}},{"type":"text","value":"[5, 15, 25]","position":{"start":{"line":221,"column":94,"offset":4159},"end":{"line":221,"column":103,"offset":4168}}},{"type":"text","value":" 会变成 ","position":{"start":{"line":221,"column":104,"offset":4169},"end":{"line":221,"column":109,"offset":4174}}},{"type":"text","value":"[5, 15, 25, 5, 15, 25]","position":{"start":{"line":221,"column":110,"offset":4175},"end":{"line":221,"column":130,"offset":4195}}},{"type":"text","value":"。","position":{"start":{"line":221,"column":131,"offset":4196},"end":{"line":221,"column":132,"offset":4197}}}],"position":{"start":{"line":221,"column":34,"offset":4099},"end":{"line":221,"column":132,"offset":4197}}},{"type":"text","value":"\n"}],"position":{"start":{"line":221,"column":1,"offset":4066},"end":{"line":221,"column":134,"offset":4199}}},{"type":"text","value":"\n"}],"position":{"start":{"line":213,"column":1,"offset":3728},"end":{"line":221,"column":134,"offset":4199}}},{"type":"text","value":"\n"}],"position":{"start":{"line":211,"column":1,"offset":3690},"end":{"line":221,"column":134,"offset":4199}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"用法-8"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E7%94%A8%E6%B3%95-8","aria-label":"用法 8 permalink","class":"anchor"},"children":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]},{"type":"text","value":"用法","position":{"start":{"line":224,"column":5,"offset":4206},"end":{"line":224,"column":7,"offset":4208}}}],"position":{"start":{"line":224,"column":1,"offset":4202},"end":{"line":224,"column":7,"offset":4208}}},{"type":"text","value":"\n"},{"type":"raw","value":"<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\">group<span class=\"token punctuation\">.</span><span class=\"token function\">addShape</span><span class=\"token punctuation\">(</span><span class=\"token string\">'path'</span><span class=\"token punctuation\">,</span> <span class=\"token punctuation\">{</span>\n  attrs<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n    startArrow<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n      path<span class=\"token punctuation\">:</span> <span class=\"token string\">'M 10,0 L -10,-10 L -10,10 Z'</span><span class=\"token punctuation\">,</span> <span class=\"token comment\">// 自定义箭头为中心点在(0, 0)，指向 x 轴正方向的path</span>\n      d<span class=\"token punctuation\">:</span> <span class=\"token number\">10</span><span class=\"token punctuation\">,</span>\n    <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n    endArrow<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n      path<span class=\"token punctuation\">:</span> <span class=\"token string\">'M 10,0 L -10,-10 L -10,10 Z'</span><span class=\"token punctuation\">,</span> <span class=\"token comment\">// 自定义箭头为中心点在(0, 0)，指向 x 轴正方向的path</span>\n      d<span class=\"token punctuation\">:</span> <span class=\"token number\">10</span><span class=\"token punctuation\">,</span>\n    <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n    path<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span>\n      <span class=\"token punctuation\">[</span><span class=\"token string\">'M'</span><span class=\"token punctuation\">,</span> <span class=\"token number\">100</span><span class=\"token punctuation\">,</span> <span class=\"token number\">100</span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n      <span class=\"token punctuation\">[</span><span class=\"token string\">'L'</span><span class=\"token punctuation\">,</span> <span class=\"token number\">200</span><span class=\"token punctuation\">,</span> <span class=\"token number\">200</span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n    <span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n    stroke<span class=\"token punctuation\">:</span> <span class=\"token string\">'#000'</span><span class=\"token punctuation\">,</span>\n    lineWidth<span class=\"token punctuation\">:</span> <span class=\"token number\">8</span><span class=\"token punctuation\">,</span>\n    lineAppendWidth<span class=\"token punctuation\">:</span> <span class=\"token number\">5</span><span class=\"token punctuation\">,</span>\n  <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n</code></pre></div>","position":{"start":{"line":225,"column":1,"offset":4209},"end":{"line":245,"column":4,"offset":4629}}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":249,"column":1,"offset":4633}}}}