{"expireTime":9007200828528711000,"key":"transformer-remark-markdown-ast-8a7d38df47a7f5fde05dba781029aff7-gatsby-remark-prettiergatsby-remark-prismjsgatsby-remark-external-linksgatsby-remark-autolink-headersgatsby-remark-reading-time-","val":{"type":"root","children":[{"type":"heading","depth":3,"children":[{"type":"link","url":"#通用属性","title":null,"children":[],"data":{"hProperties":{"aria-label":"通用属性 permalink","class":"anchor"},"hChildren":[{"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":2,"column":5,"offset":5},"end":{"line":2,"column":9,"offset":9},"indent":[]}}],"position":{"start":{"line":2,"column":1,"offset":1},"end":{"line":2,"column":9,"offset":9},"indent":[]},"data":{"id":"通用属性","htmlAttributes":{"id":"通用属性"},"hProperties":{"id":"通用属性"}}},{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"属性","position":{"start":{"line":4,"column":3,"offset":13},"end":{"line":4,"column":5,"offset":15},"indent":[]}}],"position":{"start":{"line":4,"column":1,"offset":11},"end":{"line":4,"column":7,"offset":17},"indent":[]}}],"position":{"start":{"line":4,"column":1,"offset":11},"end":{"line":4,"column":7,"offset":17},"indent":[]}},{"type":"table","align":[null,null,null],"children":[{"type":"tableRow","children":[{"type":"tableCell","children":[{"type":"text","value":"属性名","position":{"start":{"line":6,"column":3,"offset":21},"end":{"line":6,"column":6,"offset":24},"indent":[]}}],"position":{"start":{"line":6,"column":3,"offset":21},"end":{"line":6,"column":6,"offset":24},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"含义","position":{"start":{"line":6,"column":9,"offset":27},"end":{"line":6,"column":11,"offset":29},"indent":[]}}],"position":{"start":{"line":6,"column":9,"offset":27},"end":{"line":6,"column":11,"offset":29},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"备注","position":{"start":{"line":6,"column":14,"offset":32},"end":{"line":6,"column":16,"offset":34},"indent":[]}}],"position":{"start":{"line":6,"column":14,"offset":32},"end":{"line":6,"column":16,"offset":34},"indent":[]}}],"position":{"start":{"line":6,"column":1,"offset":19},"end":{"line":6,"column":18,"offset":36},"indent":[]}},{"type":"tableRow","children":[{"type":"tableCell","children":[{"type":"text","value":"fill","position":{"start":{"line":8,"column":3,"offset":59},"end":{"line":8,"column":7,"offset":63},"indent":[]}}],"position":{"start":{"line":8,"column":3,"offset":59},"end":{"line":8,"column":7,"offset":63},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"设置用于填充绘画的颜色、渐变或模式","position":{"start":{"line":8,"column":10,"offset":66},"end":{"line":8,"column":27,"offset":83},"indent":[]}}],"position":{"start":{"line":8,"column":10,"offset":66},"end":{"line":8,"column":27,"offset":83},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"对应canvas属性","position":{"start":{"line":8,"column":30,"offset":86},"end":{"line":8,"column":40,"offset":96},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">fillStyle</code>","position":{"start":{"line":8,"column":40,"offset":96},"end":{"line":8,"column":51,"offset":107},"indent":[]}}],"position":{"start":{"line":8,"column":30,"offset":86},"end":{"line":8,"column":51,"offset":107},"indent":[]}}],"position":{"start":{"line":8,"column":1,"offset":57},"end":{"line":8,"column":53,"offset":109},"indent":[]}},{"type":"tableRow","children":[{"type":"tableCell","children":[{"type":"text","value":"stroke","position":{"start":{"line":9,"column":3,"offset":112},"end":{"line":9,"column":9,"offset":118},"indent":[]}}],"position":{"start":{"line":9,"column":3,"offset":112},"end":{"line":9,"column":9,"offset":118},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"设置用于笔触的颜色、渐变或模式","position":{"start":{"line":9,"column":12,"offset":121},"end":{"line":9,"column":27,"offset":136},"indent":[]}}],"position":{"start":{"line":9,"column":12,"offset":121},"end":{"line":9,"column":27,"offset":136},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"对应canvas属性","position":{"start":{"line":9,"column":30,"offset":139},"end":{"line":9,"column":40,"offset":149},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">strokeStyle</code>","position":{"start":{"line":9,"column":40,"offset":149},"end":{"line":9,"column":53,"offset":162},"indent":[]}}],"position":{"start":{"line":9,"column":30,"offset":139},"end":{"line":9,"column":53,"offset":162},"indent":[]}}],"position":{"start":{"line":9,"column":1,"offset":110},"end":{"line":9,"column":55,"offset":164},"indent":[]}},{"type":"tableRow","children":[{"type":"tableCell","children":[{"type":"text","value":"shadowColor","position":{"start":{"line":10,"column":3,"offset":167},"end":{"line":10,"column":14,"offset":178},"indent":[]}}],"position":{"start":{"line":10,"column":3,"offset":167},"end":{"line":10,"column":14,"offset":178},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"设置用于阴影的颜色","position":{"start":{"line":10,"column":17,"offset":181},"end":{"line":10,"column":26,"offset":190},"indent":[]}}],"position":{"start":{"line":10,"column":17,"offset":181},"end":{"line":10,"column":26,"offset":190},"indent":[]}},{"type":"tableCell","children":[],"position":{"start":{"line":10,"column":30,"offset":194},"end":{"line":10,"column":30,"offset":194},"indent":[]}}],"position":{"start":{"line":10,"column":1,"offset":165},"end":{"line":10,"column":31,"offset":195},"indent":[]}},{"type":"tableRow","children":[{"type":"tableCell","children":[{"type":"text","value":"shadowBlur","position":{"start":{"line":11,"column":3,"offset":198},"end":{"line":11,"column":13,"offset":208},"indent":[]}}],"position":{"start":{"line":11,"column":3,"offset":198},"end":{"line":11,"column":13,"offset":208},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"设置用于阴影的模糊级别","position":{"start":{"line":11,"column":16,"offset":211},"end":{"line":11,"column":27,"offset":222},"indent":[]}}],"position":{"start":{"line":11,"column":16,"offset":211},"end":{"line":11,"column":27,"offset":222},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"数值越大，越模糊","position":{"start":{"line":11,"column":30,"offset":225},"end":{"line":11,"column":38,"offset":233},"indent":[]}}],"position":{"start":{"line":11,"column":30,"offset":225},"end":{"line":11,"column":38,"offset":233},"indent":[]}}],"position":{"start":{"line":11,"column":1,"offset":196},"end":{"line":11,"column":40,"offset":235},"indent":[]}},{"type":"tableRow","children":[{"type":"tableCell","children":[{"type":"text","value":"shadowOffsetX","position":{"start":{"line":12,"column":3,"offset":238},"end":{"line":12,"column":16,"offset":251},"indent":[]}}],"position":{"start":{"line":12,"column":3,"offset":238},"end":{"line":12,"column":16,"offset":251},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"设置阴影距形状的水平距离","position":{"start":{"line":12,"column":19,"offset":254},"end":{"line":12,"column":31,"offset":266},"indent":[]}}],"position":{"start":{"line":12,"column":19,"offset":254},"end":{"line":12,"column":31,"offset":266},"indent":[]}},{"type":"tableCell","children":[],"position":{"start":{"line":12,"column":35,"offset":270},"end":{"line":12,"column":35,"offset":270},"indent":[]}}],"position":{"start":{"line":12,"column":1,"offset":236},"end":{"line":12,"column":36,"offset":271},"indent":[]}},{"type":"tableRow","children":[{"type":"tableCell","children":[{"type":"text","value":"shadowOffsetY","position":{"start":{"line":13,"column":3,"offset":274},"end":{"line":13,"column":16,"offset":287},"indent":[]}}],"position":{"start":{"line":13,"column":3,"offset":274},"end":{"line":13,"column":16,"offset":287},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"设置阴影距形状的垂直距离","position":{"start":{"line":13,"column":19,"offset":290},"end":{"line":13,"column":31,"offset":302},"indent":[]}}],"position":{"start":{"line":13,"column":19,"offset":290},"end":{"line":13,"column":31,"offset":302},"indent":[]}},{"type":"tableCell","children":[],"position":{"start":{"line":13,"column":35,"offset":306},"end":{"line":13,"column":35,"offset":306},"indent":[]}}],"position":{"start":{"line":13,"column":1,"offset":272},"end":{"line":13,"column":36,"offset":307},"indent":[]}},{"type":"tableRow","children":[{"type":"tableCell","children":[{"type":"text","value":"opacity","position":{"start":{"line":14,"column":3,"offset":310},"end":{"line":14,"column":10,"offset":317},"indent":[]}}],"position":{"start":{"line":14,"column":3,"offset":310},"end":{"line":14,"column":10,"offset":317},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"设置绘图的当前 alpha 或透明值","position":{"start":{"line":14,"column":13,"offset":320},"end":{"line":14,"column":31,"offset":338},"indent":[]}}],"position":{"start":{"line":14,"column":13,"offset":320},"end":{"line":14,"column":31,"offset":338},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"对应canvas属性","position":{"start":{"line":14,"column":34,"offset":341},"end":{"line":14,"column":44,"offset":351},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">globalAlpha</code>","position":{"start":{"line":14,"column":44,"offset":351},"end":{"line":14,"column":57,"offset":364},"indent":[]}}],"position":{"start":{"line":14,"column":34,"offset":341},"end":{"line":14,"column":57,"offset":364},"indent":[]}}],"position":{"start":{"line":14,"column":1,"offset":308},"end":{"line":14,"column":59,"offset":366},"indent":[]}}],"position":{"start":{"line":6,"column":1,"offset":19},"end":{"line":14,"column":59,"offset":366},"indent":[1,1,1,1,1,1,1,1]}},{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"用法","position":{"start":{"line":16,"column":3,"offset":370},"end":{"line":16,"column":5,"offset":372},"indent":[]}}],"position":{"start":{"line":16,"column":1,"offset":368},"end":{"line":16,"column":7,"offset":374},"indent":[]}}],"position":{"start":{"line":16,"column":1,"offset":368},"end":{"line":16,"column":7,"offset":374},"indent":[]}},{"type":"html","lang":"javascript","meta":null,"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":17,"column":1,"offset":375},"end":{"line":28,"column":4,"offset":558},"indent":[1,1,1,1,1,1,1,1,1,1,1]}},{"type":"heading","depth":3,"children":[{"type":"link","url":"#圆图形-circle","title":null,"children":[],"data":{"hProperties":{"aria-label":"圆图形 circle permalink","class":"anchor"},"hChildren":[{"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":30,"column":5,"offset":564},"end":{"line":30,"column":15,"offset":574},"indent":[]}}],"position":{"start":{"line":30,"column":1,"offset":560},"end":{"line":30,"column":15,"offset":574},"indent":[]},"data":{"id":"圆图形-circle","htmlAttributes":{"id":"圆图形-circle"},"hProperties":{"id":"圆图形-circle"}}},{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"属性","position":{"start":{"line":32,"column":3,"offset":578},"end":{"line":32,"column":5,"offset":580},"indent":[]}}],"position":{"start":{"line":32,"column":1,"offset":576},"end":{"line":32,"column":7,"offset":582},"indent":[]}}],"position":{"start":{"line":32,"column":1,"offset":576},"end":{"line":32,"column":7,"offset":582},"indent":[]}},{"type":"table","align":[null,null,null],"children":[{"type":"tableRow","children":[{"type":"tableCell","children":[{"type":"text","value":"属性名","position":{"start":{"line":34,"column":3,"offset":586},"end":{"line":34,"column":6,"offset":589},"indent":[]}}],"position":{"start":{"line":34,"column":3,"offset":586},"end":{"line":34,"column":6,"offset":589},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"含义","position":{"start":{"line":34,"column":9,"offset":592},"end":{"line":34,"column":11,"offset":594},"indent":[]}}],"position":{"start":{"line":34,"column":9,"offset":592},"end":{"line":34,"column":11,"offset":594},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"备注","position":{"start":{"line":34,"column":14,"offset":597},"end":{"line":34,"column":16,"offset":599},"indent":[]}}],"position":{"start":{"line":34,"column":14,"offset":597},"end":{"line":34,"column":16,"offset":599},"indent":[]}}],"position":{"start":{"line":34,"column":1,"offset":584},"end":{"line":34,"column":18,"offset":601},"indent":[]}},{"type":"tableRow","children":[{"type":"tableCell","children":[{"type":"text","value":"x","position":{"start":{"line":36,"column":3,"offset":624},"end":{"line":36,"column":4,"offset":625},"indent":[]}}],"position":{"start":{"line":36,"column":3,"offset":624},"end":{"line":36,"column":4,"offset":625},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"圆心的 x 坐标","position":{"start":{"line":36,"column":7,"offset":628},"end":{"line":36,"column":15,"offset":636},"indent":[]}}],"position":{"start":{"line":36,"column":7,"offset":628},"end":{"line":36,"column":15,"offset":636},"indent":[]}},{"type":"tableCell","children":[],"position":{"start":{"line":36,"column":19,"offset":640},"end":{"line":36,"column":19,"offset":640},"indent":[]}}],"position":{"start":{"line":36,"column":1,"offset":622},"end":{"line":36,"column":20,"offset":641},"indent":[]}},{"type":"tableRow","children":[{"type":"tableCell","children":[{"type":"text","value":"y","position":{"start":{"line":37,"column":3,"offset":644},"end":{"line":37,"column":4,"offset":645},"indent":[]}}],"position":{"start":{"line":37,"column":3,"offset":644},"end":{"line":37,"column":4,"offset":645},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"圆心的 y 坐标","position":{"start":{"line":37,"column":7,"offset":648},"end":{"line":37,"column":15,"offset":656},"indent":[]}}],"position":{"start":{"line":37,"column":7,"offset":648},"end":{"line":37,"column":15,"offset":656},"indent":[]}},{"type":"tableCell","children":[],"position":{"start":{"line":37,"column":19,"offset":660},"end":{"line":37,"column":19,"offset":660},"indent":[]}}],"position":{"start":{"line":37,"column":1,"offset":642},"end":{"line":37,"column":20,"offset":661},"indent":[]}},{"type":"tableRow","children":[{"type":"tableCell","children":[{"type":"text","value":"r","position":{"start":{"line":38,"column":3,"offset":664},"end":{"line":38,"column":4,"offset":665},"indent":[]}}],"position":{"start":{"line":38,"column":3,"offset":664},"end":{"line":38,"column":4,"offset":665},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"圆的半径","position":{"start":{"line":38,"column":7,"offset":668},"end":{"line":38,"column":11,"offset":672},"indent":[]}}],"position":{"start":{"line":38,"column":7,"offset":668},"end":{"line":38,"column":11,"offset":672},"indent":[]}},{"type":"tableCell","children":[],"position":{"start":{"line":38,"column":15,"offset":676},"end":{"line":38,"column":15,"offset":676},"indent":[]}}],"position":{"start":{"line":38,"column":1,"offset":662},"end":{"line":38,"column":16,"offset":677},"indent":[]}}],"position":{"start":{"line":34,"column":1,"offset":584},"end":{"line":38,"column":16,"offset":677},"indent":[1,1,1,1]}},{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"用法","position":{"start":{"line":41,"column":3,"offset":682},"end":{"line":41,"column":5,"offset":684},"indent":[]}}],"position":{"start":{"line":41,"column":1,"offset":680},"end":{"line":41,"column":7,"offset":686},"indent":[]}}],"position":{"start":{"line":41,"column":1,"offset":680},"end":{"line":41,"column":7,"offset":686},"indent":[]}},{"type":"html","lang":"javascript","meta":null,"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":42,"column":1,"offset":687},"end":{"line":51,"column":4,"offset":799},"indent":[1,1,1,1,1,1,1,1,1]}},{"type":"heading","depth":3,"children":[{"type":"link","url":"#椭圆图形-ellipse","title":null,"children":[],"data":{"hProperties":{"aria-label":"椭圆图形 ellipse permalink","class":"anchor"},"hChildren":[{"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":53,"column":5,"offset":805},"end":{"line":53,"column":17,"offset":817},"indent":[]}}],"position":{"start":{"line":53,"column":1,"offset":801},"end":{"line":53,"column":17,"offset":817},"indent":[]},"data":{"id":"椭圆图形-ellipse","htmlAttributes":{"id":"椭圆图形-ellipse"},"hProperties":{"id":"椭圆图形-ellipse"}}},{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"属性","position":{"start":{"line":55,"column":3,"offset":821},"end":{"line":55,"column":5,"offset":823},"indent":[]}}],"position":{"start":{"line":55,"column":1,"offset":819},"end":{"line":55,"column":7,"offset":825},"indent":[]}}],"position":{"start":{"line":55,"column":1,"offset":819},"end":{"line":55,"column":7,"offset":825},"indent":[]}},{"type":"table","align":[null,null,null],"children":[{"type":"tableRow","children":[{"type":"tableCell","children":[{"type":"text","value":"属性名","position":{"start":{"line":57,"column":3,"offset":829},"end":{"line":57,"column":6,"offset":832},"indent":[]}}],"position":{"start":{"line":57,"column":3,"offset":829},"end":{"line":57,"column":6,"offset":832},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"含义","position":{"start":{"line":57,"column":9,"offset":835},"end":{"line":57,"column":11,"offset":837},"indent":[]}}],"position":{"start":{"line":57,"column":9,"offset":835},"end":{"line":57,"column":11,"offset":837},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"备注","position":{"start":{"line":57,"column":14,"offset":840},"end":{"line":57,"column":16,"offset":842},"indent":[]}}],"position":{"start":{"line":57,"column":14,"offset":840},"end":{"line":57,"column":16,"offset":842},"indent":[]}}],"position":{"start":{"line":57,"column":1,"offset":827},"end":{"line":57,"column":18,"offset":844},"indent":[]}},{"type":"tableRow","children":[{"type":"tableCell","children":[{"type":"text","value":"x","position":{"start":{"line":59,"column":3,"offset":867},"end":{"line":59,"column":4,"offset":868},"indent":[]}}],"position":{"start":{"line":59,"column":3,"offset":867},"end":{"line":59,"column":4,"offset":868},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"圆心的 x 坐标","position":{"start":{"line":59,"column":7,"offset":871},"end":{"line":59,"column":15,"offset":879},"indent":[]}}],"position":{"start":{"line":59,"column":7,"offset":871},"end":{"line":59,"column":15,"offset":879},"indent":[]}},{"type":"tableCell","children":[],"position":{"start":{"line":59,"column":19,"offset":883},"end":{"line":59,"column":19,"offset":883},"indent":[]}}],"position":{"start":{"line":59,"column":1,"offset":865},"end":{"line":59,"column":20,"offset":884},"indent":[]}},{"type":"tableRow","children":[{"type":"tableCell","children":[{"type":"text","value":"y","position":{"start":{"line":60,"column":3,"offset":887},"end":{"line":60,"column":4,"offset":888},"indent":[]}}],"position":{"start":{"line":60,"column":3,"offset":887},"end":{"line":60,"column":4,"offset":888},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"圆心的 y 坐标","position":{"start":{"line":60,"column":7,"offset":891},"end":{"line":60,"column":15,"offset":899},"indent":[]}}],"position":{"start":{"line":60,"column":7,"offset":891},"end":{"line":60,"column":15,"offset":899},"indent":[]}},{"type":"tableCell","children":[],"position":{"start":{"line":60,"column":19,"offset":903},"end":{"line":60,"column":19,"offset":903},"indent":[]}}],"position":{"start":{"line":60,"column":1,"offset":885},"end":{"line":60,"column":20,"offset":904},"indent":[]}},{"type":"tableRow","children":[{"type":"tableCell","children":[{"type":"text","value":"rx","position":{"start":{"line":61,"column":3,"offset":907},"end":{"line":61,"column":5,"offset":909},"indent":[]}}],"position":{"start":{"line":61,"column":3,"offset":907},"end":{"line":61,"column":5,"offset":909},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"水平半径","position":{"start":{"line":61,"column":8,"offset":912},"end":{"line":61,"column":12,"offset":916},"indent":[]}}],"position":{"start":{"line":61,"column":8,"offset":912},"end":{"line":61,"column":12,"offset":916},"indent":[]}},{"type":"tableCell","children":[],"position":{"start":{"line":61,"column":16,"offset":920},"end":{"line":61,"column":16,"offset":920},"indent":[]}}],"position":{"start":{"line":61,"column":1,"offset":905},"end":{"line":61,"column":17,"offset":921},"indent":[]}},{"type":"tableRow","children":[{"type":"tableCell","children":[{"type":"text","value":"ry","position":{"start":{"line":62,"column":3,"offset":924},"end":{"line":62,"column":5,"offset":926},"indent":[]}}],"position":{"start":{"line":62,"column":3,"offset":924},"end":{"line":62,"column":5,"offset":926},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"垂直半径","position":{"start":{"line":62,"column":8,"offset":929},"end":{"line":62,"column":12,"offset":933},"indent":[]}}],"position":{"start":{"line":62,"column":8,"offset":929},"end":{"line":62,"column":12,"offset":933},"indent":[]}},{"type":"tableCell","children":[],"position":{"start":{"line":62,"column":16,"offset":937},"end":{"line":62,"column":16,"offset":937},"indent":[]}}],"position":{"start":{"line":62,"column":1,"offset":922},"end":{"line":62,"column":17,"offset":938},"indent":[]}}],"position":{"start":{"line":57,"column":1,"offset":827},"end":{"line":62,"column":17,"offset":938},"indent":[1,1,1,1,1]}},{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"用法","position":{"start":{"line":66,"column":3,"offset":945},"end":{"line":66,"column":5,"offset":947},"indent":[]}}],"position":{"start":{"line":66,"column":1,"offset":943},"end":{"line":66,"column":7,"offset":949},"indent":[]}}],"position":{"start":{"line":66,"column":1,"offset":943},"end":{"line":66,"column":7,"offset":949},"indent":[]}},{"type":"html","lang":"javascript","meta":null,"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":67,"column":1,"offset":950},"end":{"line":77,"column":4,"offset":1076},"indent":[1,1,1,1,1,1,1,1,1,1]}},{"type":"heading","depth":3,"children":[{"type":"link","url":"#扇形图形-fan","title":null,"children":[],"data":{"hProperties":{"aria-label":"扇形图形 fan permalink","class":"anchor"},"hChildren":[{"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":80,"column":5,"offset":1083},"end":{"line":80,"column":13,"offset":1091},"indent":[]}}],"position":{"start":{"line":80,"column":1,"offset":1079},"end":{"line":80,"column":13,"offset":1091},"indent":[]},"data":{"id":"扇形图形-fan","htmlAttributes":{"id":"扇形图形-fan"},"hProperties":{"id":"扇形图形-fan"}}},{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"属性","position":{"start":{"line":82,"column":3,"offset":1095},"end":{"line":82,"column":5,"offset":1097},"indent":[]}}],"position":{"start":{"line":82,"column":1,"offset":1093},"end":{"line":82,"column":7,"offset":1099},"indent":[]}}],"position":{"start":{"line":82,"column":1,"offset":1093},"end":{"line":82,"column":7,"offset":1099},"indent":[]}},{"type":"table","align":[null,null,null],"children":[{"type":"tableRow","children":[{"type":"tableCell","children":[{"type":"text","value":"属性名","position":{"start":{"line":84,"column":3,"offset":1103},"end":{"line":84,"column":6,"offset":1106},"indent":[]}}],"position":{"start":{"line":84,"column":3,"offset":1103},"end":{"line":84,"column":6,"offset":1106},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"含义","position":{"start":{"line":84,"column":9,"offset":1109},"end":{"line":84,"column":11,"offset":1111},"indent":[]}}],"position":{"start":{"line":84,"column":9,"offset":1109},"end":{"line":84,"column":11,"offset":1111},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"备注","position":{"start":{"line":84,"column":14,"offset":1114},"end":{"line":84,"column":16,"offset":1116},"indent":[]}}],"position":{"start":{"line":84,"column":14,"offset":1114},"end":{"line":84,"column":16,"offset":1116},"indent":[]}}],"position":{"start":{"line":84,"column":1,"offset":1101},"end":{"line":84,"column":18,"offset":1118},"indent":[]}},{"type":"tableRow","children":[{"type":"tableCell","children":[{"type":"text","value":"x","position":{"start":{"line":86,"column":3,"offset":1141},"end":{"line":86,"column":4,"offset":1142},"indent":[]}}],"position":{"start":{"line":86,"column":3,"offset":1141},"end":{"line":86,"column":4,"offset":1142},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"扇形圆心的 x 坐标","position":{"start":{"line":86,"column":7,"offset":1145},"end":{"line":86,"column":17,"offset":1155},"indent":[]}}],"position":{"start":{"line":86,"column":7,"offset":1145},"end":{"line":86,"column":17,"offset":1155},"indent":[]}},{"type":"tableCell","children":[],"position":{"start":{"line":86,"column":21,"offset":1159},"end":{"line":86,"column":21,"offset":1159},"indent":[]}}],"position":{"start":{"line":86,"column":1,"offset":1139},"end":{"line":86,"column":22,"offset":1160},"indent":[]}},{"type":"tableRow","children":[{"type":"tableCell","children":[{"type":"text","value":"y","position":{"start":{"line":87,"column":3,"offset":1163},"end":{"line":87,"column":4,"offset":1164},"indent":[]}}],"position":{"start":{"line":87,"column":3,"offset":1163},"end":{"line":87,"column":4,"offset":1164},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"扇形圆心的 y 坐标","position":{"start":{"line":87,"column":7,"offset":1167},"end":{"line":87,"column":17,"offset":1177},"indent":[]}}],"position":{"start":{"line":87,"column":7,"offset":1167},"end":{"line":87,"column":17,"offset":1177},"indent":[]}},{"type":"tableCell","children":[],"position":{"start":{"line":87,"column":21,"offset":1181},"end":{"line":87,"column":21,"offset":1181},"indent":[]}}],"position":{"start":{"line":87,"column":1,"offset":1161},"end":{"line":87,"column":22,"offset":1182},"indent":[]}},{"type":"tableRow","children":[{"type":"tableCell","children":[{"type":"text","value":"rs","position":{"start":{"line":88,"column":3,"offset":1185},"end":{"line":88,"column":5,"offset":1187},"indent":[]}}],"position":{"start":{"line":88,"column":3,"offset":1185},"end":{"line":88,"column":5,"offset":1187},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"水平半径","position":{"start":{"line":88,"column":8,"offset":1190},"end":{"line":88,"column":12,"offset":1194},"indent":[]}}],"position":{"start":{"line":88,"column":8,"offset":1190},"end":{"line":88,"column":12,"offset":1194},"indent":[]}},{"type":"tableCell","children":[],"position":{"start":{"line":88,"column":16,"offset":1198},"end":{"line":88,"column":16,"offset":1198},"indent":[]}}],"position":{"start":{"line":88,"column":1,"offset":1183},"end":{"line":88,"column":17,"offset":1199},"indent":[]}},{"type":"tableRow","children":[{"type":"tableCell","children":[{"type":"text","value":"re","position":{"start":{"line":89,"column":3,"offset":1202},"end":{"line":89,"column":5,"offset":1204},"indent":[]}}],"position":{"start":{"line":89,"column":3,"offset":1202},"end":{"line":89,"column":5,"offset":1204},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"垂直半径","position":{"start":{"line":89,"column":8,"offset":1207},"end":{"line":89,"column":12,"offset":1211},"indent":[]}}],"position":{"start":{"line":89,"column":8,"offset":1207},"end":{"line":89,"column":12,"offset":1211},"indent":[]}},{"type":"tableCell","children":[],"position":{"start":{"line":89,"column":16,"offset":1215},"end":{"line":89,"column":16,"offset":1215},"indent":[]}}],"position":{"start":{"line":89,"column":1,"offset":1200},"end":{"line":89,"column":17,"offset":1216},"indent":[]}},{"type":"tableRow","children":[{"type":"tableCell","children":[{"type":"text","value":"startAngle","position":{"start":{"line":90,"column":3,"offset":1219},"end":{"line":90,"column":13,"offset":1229},"indent":[]}}],"position":{"start":{"line":90,"column":3,"offset":1219},"end":{"line":90,"column":13,"offset":1229},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"起点弧度","position":{"start":{"line":90,"column":16,"offset":1232},"end":{"line":90,"column":20,"offset":1236},"indent":[]}}],"position":{"start":{"line":90,"column":16,"offset":1232},"end":{"line":90,"column":20,"offset":1236},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"弧度是弧度，即使用Math.PI表示","position":{"start":{"line":90,"column":23,"offset":1239},"end":{"line":90,"column":41,"offset":1257},"indent":[]}}],"position":{"start":{"line":90,"column":23,"offset":1239},"end":{"line":90,"column":41,"offset":1257},"indent":[]}}],"position":{"start":{"line":90,"column":1,"offset":1217},"end":{"line":90,"column":43,"offset":1259},"indent":[]}},{"type":"tableRow","children":[{"type":"tableCell","children":[{"type":"text","value":"endAngle","position":{"start":{"line":91,"column":3,"offset":1262},"end":{"line":91,"column":11,"offset":1270},"indent":[]}}],"position":{"start":{"line":91,"column":3,"offset":1262},"end":{"line":91,"column":11,"offset":1270},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"终点弧度","position":{"start":{"line":91,"column":15,"offset":1274},"end":{"line":91,"column":19,"offset":1278},"indent":[]}}],"position":{"start":{"line":91,"column":15,"offset":1274},"end":{"line":91,"column":19,"offset":1278},"indent":[]}},{"type":"tableCell","children":[],"position":{"start":{"line":91,"column":23,"offset":1282},"end":{"line":91,"column":23,"offset":1282},"indent":[]}}],"position":{"start":{"line":91,"column":1,"offset":1260},"end":{"line":91,"column":24,"offset":1283},"indent":[]}},{"type":"tableRow","children":[{"type":"tableCell","children":[{"type":"text","value":"clockwise","position":{"start":{"line":92,"column":3,"offset":1286},"end":{"line":92,"column":12,"offset":1295},"indent":[]}}],"position":{"start":{"line":92,"column":3,"offset":1286},"end":{"line":92,"column":12,"offset":1295},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"为","position":{"start":{"line":92,"column":15,"offset":1298},"end":{"line":92,"column":16,"offset":1299},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">true</code>","position":{"start":{"line":92,"column":16,"offset":1299},"end":{"line":92,"column":22,"offset":1305},"indent":[]}},{"type":"text","value":"时顺时针渲染，为","position":{"start":{"line":92,"column":22,"offset":1305},"end":{"line":92,"column":30,"offset":1313},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">false</code>","position":{"start":{"line":92,"column":30,"offset":1313},"end":{"line":92,"column":37,"offset":1320},"indent":[]}},{"type":"text","value":"时逆时针渲染","position":{"start":{"line":92,"column":37,"offset":1320},"end":{"line":92,"column":43,"offset":1326},"indent":[]}}],"position":{"start":{"line":92,"column":15,"offset":1298},"end":{"line":92,"column":43,"offset":1326},"indent":[]}},{"type":"tableCell","children":[],"position":{"start":{"line":92,"column":47,"offset":1330},"end":{"line":92,"column":47,"offset":1330},"indent":[]}}],"position":{"start":{"line":92,"column":1,"offset":1284},"end":{"line":92,"column":48,"offset":1331},"indent":[]}}],"position":{"start":{"line":84,"column":1,"offset":1101},"end":{"line":92,"column":48,"offset":1331},"indent":[1,1,1,1,1,1,1,1]}},{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"用法","position":{"start":{"line":96,"column":3,"offset":1337},"end":{"line":96,"column":5,"offset":1339},"indent":[]}}],"position":{"start":{"line":96,"column":1,"offset":1335},"end":{"line":96,"column":7,"offset":1341},"indent":[]}}],"position":{"start":{"line":96,"column":1,"offset":1335},"end":{"line":96,"column":7,"offset":1341},"indent":[]}},{"type":"html","lang":"javascript","meta":null,"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":97,"column":1,"offset":1342},"end":{"line":110,"column":4,"offset":1543},"indent":[1,1,1,1,1,1,1,1,1,1,1,1,1]}},{"type":"heading","depth":3,"children":[{"type":"link","url":"#图片图形-image","title":null,"children":[],"data":{"hProperties":{"aria-label":"图片图形 image permalink","class":"anchor"},"hChildren":[{"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":113,"column":5,"offset":1550},"end":{"line":113,"column":15,"offset":1560},"indent":[]}}],"position":{"start":{"line":113,"column":1,"offset":1546},"end":{"line":113,"column":15,"offset":1560},"indent":[]},"data":{"id":"图片图形-image","htmlAttributes":{"id":"图片图形-image"},"hProperties":{"id":"图片图形-image"}}},{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"属性","position":{"start":{"line":115,"column":3,"offset":1564},"end":{"line":115,"column":5,"offset":1566},"indent":[]}}],"position":{"start":{"line":115,"column":1,"offset":1562},"end":{"line":115,"column":7,"offset":1568},"indent":[]}}],"position":{"start":{"line":115,"column":1,"offset":1562},"end":{"line":115,"column":7,"offset":1568},"indent":[]}},{"type":"table","align":[null,null,null],"children":[{"type":"tableRow","children":[{"type":"tableCell","children":[{"type":"text","value":"属性名","position":{"start":{"line":117,"column":3,"offset":1572},"end":{"line":117,"column":6,"offset":1575},"indent":[]}}],"position":{"start":{"line":117,"column":3,"offset":1572},"end":{"line":117,"column":6,"offset":1575},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"含义","position":{"start":{"line":117,"column":9,"offset":1578},"end":{"line":117,"column":11,"offset":1580},"indent":[]}}],"position":{"start":{"line":117,"column":9,"offset":1578},"end":{"line":117,"column":11,"offset":1580},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"备注","position":{"start":{"line":117,"column":14,"offset":1583},"end":{"line":117,"column":16,"offset":1585},"indent":[]}}],"position":{"start":{"line":117,"column":14,"offset":1583},"end":{"line":117,"column":16,"offset":1585},"indent":[]}}],"position":{"start":{"line":117,"column":1,"offset":1570},"end":{"line":117,"column":18,"offset":1587},"indent":[]}},{"type":"tableRow","children":[{"type":"tableCell","children":[{"type":"text","value":"x","position":{"start":{"line":119,"column":3,"offset":1610},"end":{"line":119,"column":4,"offset":1611},"indent":[]}}],"position":{"start":{"line":119,"column":3,"offset":1610},"end":{"line":119,"column":4,"offset":1611},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"图片左上角的 x 坐标","position":{"start":{"line":119,"column":7,"offset":1614},"end":{"line":119,"column":18,"offset":1625},"indent":[]}}],"position":{"start":{"line":119,"column":7,"offset":1614},"end":{"line":119,"column":18,"offset":1625},"indent":[]}},{"type":"tableCell","children":[],"position":{"start":{"line":119,"column":22,"offset":1629},"end":{"line":119,"column":22,"offset":1629},"indent":[]}}],"position":{"start":{"line":119,"column":1,"offset":1608},"end":{"line":119,"column":23,"offset":1630},"indent":[]}},{"type":"tableRow","children":[{"type":"tableCell","children":[{"type":"text","value":"y","position":{"start":{"line":120,"column":3,"offset":1633},"end":{"line":120,"column":4,"offset":1634},"indent":[]}}],"position":{"start":{"line":120,"column":3,"offset":1633},"end":{"line":120,"column":4,"offset":1634},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"图片左上角的 y 坐标","position":{"start":{"line":120,"column":8,"offset":1638},"end":{"line":120,"column":19,"offset":1649},"indent":[]}}],"position":{"start":{"line":120,"column":8,"offset":1638},"end":{"line":120,"column":19,"offset":1649},"indent":[]}},{"type":"tableCell","children":[],"position":{"start":{"line":120,"column":23,"offset":1653},"end":{"line":120,"column":23,"offset":1653},"indent":[]}}],"position":{"start":{"line":120,"column":1,"offset":1631},"end":{"line":120,"column":24,"offset":1654},"indent":[]}},{"type":"tableRow","children":[{"type":"tableCell","children":[{"type":"text","value":"width","position":{"start":{"line":121,"column":3,"offset":1657},"end":{"line":121,"column":8,"offset":1662},"indent":[]}}],"position":{"start":{"line":121,"column":3,"offset":1657},"end":{"line":121,"column":8,"offset":1662},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"图片宽度","position":{"start":{"line":121,"column":11,"offset":1665},"end":{"line":121,"column":15,"offset":1669},"indent":[]}}],"position":{"start":{"line":121,"column":11,"offset":1665},"end":{"line":121,"column":15,"offset":1669},"indent":[]}},{"type":"tableCell","children":[],"position":{"start":{"line":121,"column":19,"offset":1673},"end":{"line":121,"column":19,"offset":1673},"indent":[]}}],"position":{"start":{"line":121,"column":1,"offset":1655},"end":{"line":121,"column":20,"offset":1674},"indent":[]}},{"type":"tableRow","children":[{"type":"tableCell","children":[{"type":"text","value":"height","position":{"start":{"line":122,"column":3,"offset":1677},"end":{"line":122,"column":9,"offset":1683},"indent":[]}}],"position":{"start":{"line":122,"column":3,"offset":1677},"end":{"line":122,"column":9,"offset":1683},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"图片高度","position":{"start":{"line":122,"column":12,"offset":1686},"end":{"line":122,"column":16,"offset":1690},"indent":[]}}],"position":{"start":{"line":122,"column":12,"offset":1686},"end":{"line":122,"column":16,"offset":1690},"indent":[]}},{"type":"tableCell","children":[],"position":{"start":{"line":122,"column":20,"offset":1694},"end":{"line":122,"column":20,"offset":1694},"indent":[]}}],"position":{"start":{"line":122,"column":1,"offset":1675},"end":{"line":122,"column":21,"offset":1695},"indent":[]}},{"type":"tableRow","children":[{"type":"tableCell","children":[{"type":"text","value":"img","position":{"start":{"line":123,"column":3,"offset":1698},"end":{"line":123,"column":6,"offset":1701},"indent":[]}}],"position":{"start":{"line":123,"column":3,"offset":1698},"end":{"line":123,"column":6,"offset":1701},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"图片源","position":{"start":{"line":123,"column":9,"offset":1704},"end":{"line":123,"column":12,"offset":1707},"indent":[]}}],"position":{"start":{"line":123,"column":9,"offset":1704},"end":{"line":123,"column":12,"offset":1707},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"G6支持多种格式的图片：","position":{"start":{"line":123,"column":15,"offset":1710},"end":{"line":123,"column":27,"offset":1722},"indent":[]}},{"type":"html","value":"<br />","position":{"start":{"line":123,"column":27,"offset":1722},"end":{"line":123,"column":33,"offset":1728},"indent":[]}},{"type":"text","value":"- url","position":{"start":{"line":123,"column":33,"offset":1728},"end":{"line":123,"column":38,"offset":1733},"indent":[]}},{"type":"html","value":"<br />","position":{"start":{"line":123,"column":38,"offset":1733},"end":{"line":123,"column":44,"offset":1739},"indent":[]}},{"type":"text","value":"- ImageData","position":{"start":{"line":123,"column":44,"offset":1739},"end":{"line":123,"column":55,"offset":1750},"indent":[]}},{"type":"html","value":"<br />","position":{"start":{"line":123,"column":55,"offset":1750},"end":{"line":123,"column":61,"offset":1756},"indent":[]}},{"type":"text","value":"- Image","position":{"start":{"line":123,"column":61,"offset":1756},"end":{"line":123,"column":68,"offset":1763},"indent":[]}},{"type":"html","value":"<br />","position":{"start":{"line":123,"column":68,"offset":1763},"end":{"line":123,"column":74,"offset":1769},"indent":[]}},{"type":"text","value":"- canvas","position":{"start":{"line":123,"column":74,"offset":1769},"end":{"line":123,"column":82,"offset":1777},"indent":[]}},{"type":"html","value":"<br />","position":{"start":{"line":123,"column":82,"offset":1777},"end":{"line":123,"column":88,"offset":1783},"indent":[]}}],"position":{"start":{"line":123,"column":15,"offset":1710},"end":{"line":123,"column":88,"offset":1783},"indent":[]}}],"position":{"start":{"line":123,"column":1,"offset":1696},"end":{"line":123,"column":90,"offset":1785},"indent":[]}}],"position":{"start":{"line":117,"column":1,"offset":1570},"end":{"line":123,"column":90,"offset":1785},"indent":[1,1,1,1,1,1]}},{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"用法","position":{"start":{"line":127,"column":3,"offset":1791},"end":{"line":127,"column":5,"offset":1793},"indent":[]}}],"position":{"start":{"line":127,"column":1,"offset":1789},"end":{"line":127,"column":7,"offset":1795},"indent":[]}}],"position":{"start":{"line":127,"column":1,"offset":1789},"end":{"line":127,"column":7,"offset":1795},"indent":[]}},{"type":"html","lang":"javascript","meta":null,"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":128,"column":1,"offset":1796},"end":{"line":136,"column":4,"offset":1970},"indent":[1,1,1,1,1,1,1,1]}},{"type":"heading","depth":3,"children":[{"type":"link","url":"#标记图形-marker","title":null,"children":[],"data":{"hProperties":{"aria-label":"标记图形 marker permalink","class":"anchor"},"hChildren":[{"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":139,"column":5,"offset":1977},"end":{"line":139,"column":16,"offset":1988},"indent":[]}}],"position":{"start":{"line":139,"column":1,"offset":1973},"end":{"line":139,"column":16,"offset":1988},"indent":[]},"data":{"id":"标记图形-marker","htmlAttributes":{"id":"标记图形-marker"},"hProperties":{"id":"标记图形-marker"}}},{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"属性","position":{"start":{"line":141,"column":3,"offset":1992},"end":{"line":141,"column":5,"offset":1994},"indent":[]}}],"position":{"start":{"line":141,"column":1,"offset":1990},"end":{"line":141,"column":7,"offset":1996},"indent":[]}}],"position":{"start":{"line":141,"column":1,"offset":1990},"end":{"line":141,"column":7,"offset":1996},"indent":[]}},{"type":"table","align":[null,null,null],"children":[{"type":"tableRow","children":[{"type":"tableCell","children":[{"type":"text","value":"属性名","position":{"start":{"line":143,"column":3,"offset":2000},"end":{"line":143,"column":6,"offset":2003},"indent":[]}}],"position":{"start":{"line":143,"column":3,"offset":2000},"end":{"line":143,"column":6,"offset":2003},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"含义","position":{"start":{"line":143,"column":9,"offset":2006},"end":{"line":143,"column":11,"offset":2008},"indent":[]}}],"position":{"start":{"line":143,"column":9,"offset":2006},"end":{"line":143,"column":11,"offset":2008},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"备注","position":{"start":{"line":143,"column":14,"offset":2011},"end":{"line":143,"column":16,"offset":2013},"indent":[]}}],"position":{"start":{"line":143,"column":14,"offset":2011},"end":{"line":143,"column":16,"offset":2013},"indent":[]}}],"position":{"start":{"line":143,"column":1,"offset":1998},"end":{"line":143,"column":18,"offset":2015},"indent":[]}},{"type":"tableRow","children":[{"type":"tableCell","children":[{"type":"text","value":"x","position":{"start":{"line":145,"column":3,"offset":2038},"end":{"line":145,"column":4,"offset":2039},"indent":[]}}],"position":{"start":{"line":145,"column":3,"offset":2038},"end":{"line":145,"column":4,"offset":2039},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"中心的 x 坐标","position":{"start":{"line":145,"column":7,"offset":2042},"end":{"line":145,"column":15,"offset":2050},"indent":[]}}],"position":{"start":{"line":145,"column":7,"offset":2042},"end":{"line":145,"column":15,"offset":2050},"indent":[]}},{"type":"tableCell","children":[],"position":{"start":{"line":145,"column":19,"offset":2054},"end":{"line":145,"column":19,"offset":2054},"indent":[]}}],"position":{"start":{"line":145,"column":1,"offset":2036},"end":{"line":145,"column":20,"offset":2055},"indent":[]}},{"type":"tableRow","children":[{"type":"tableCell","children":[{"type":"text","value":"y","position":{"start":{"line":146,"column":3,"offset":2058},"end":{"line":146,"column":4,"offset":2059},"indent":[]}}],"position":{"start":{"line":146,"column":3,"offset":2058},"end":{"line":146,"column":4,"offset":2059},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"中心的 y 坐标","position":{"start":{"line":146,"column":7,"offset":2062},"end":{"line":146,"column":15,"offset":2070},"indent":[]}}],"position":{"start":{"line":146,"column":7,"offset":2062},"end":{"line":146,"column":15,"offset":2070},"indent":[]}},{"type":"tableCell","children":[],"position":{"start":{"line":146,"column":19,"offset":2074},"end":{"line":146,"column":19,"offset":2074},"indent":[]}}],"position":{"start":{"line":146,"column":1,"offset":2056},"end":{"line":146,"column":20,"offset":2075},"indent":[]}},{"type":"tableRow","children":[{"type":"tableCell","children":[{"type":"text","value":"r","position":{"start":{"line":147,"column":3,"offset":2078},"end":{"line":147,"column":4,"offset":2079},"indent":[]}}],"position":{"start":{"line":147,"column":3,"offset":2078},"end":{"line":147,"column":4,"offset":2079},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"形状半径","position":{"start":{"line":147,"column":7,"offset":2082},"end":{"line":147,"column":11,"offset":2086},"indent":[]}}],"position":{"start":{"line":147,"column":7,"offset":2082},"end":{"line":147,"column":11,"offset":2086},"indent":[]}},{"type":"tableCell","children":[],"position":{"start":{"line":147,"column":15,"offset":2090},"end":{"line":147,"column":15,"offset":2090},"indent":[]}}],"position":{"start":{"line":147,"column":1,"offset":2076},"end":{"line":147,"column":16,"offset":2091},"indent":[]}},{"type":"tableRow","children":[{"type":"tableCell","children":[{"type":"text","value":"symbol","position":{"start":{"line":148,"column":3,"offset":2094},"end":{"line":148,"column":9,"offset":2100},"indent":[]}}],"position":{"start":{"line":148,"column":3,"offset":2094},"end":{"line":148,"column":9,"offset":2100},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"指定形状","position":{"start":{"line":148,"column":12,"offset":2103},"end":{"line":148,"column":16,"offset":2107},"indent":[]}}],"position":{"start":{"line":148,"column":12,"offset":2103},"end":{"line":148,"column":16,"offset":2107},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"内置了一些常用形状，如圆形","position":{"start":{"line":148,"column":19,"offset":2110},"end":{"line":148,"column":32,"offset":2123},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">circle</code>","position":{"start":{"line":148,"column":32,"offset":2123},"end":{"line":148,"column":40,"offset":2131},"indent":[]}},{"type":"text","value":", 矩形 ","position":{"start":{"line":148,"column":40,"offset":2131},"end":{"line":148,"column":45,"offset":2136},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">square</code>","position":{"start":{"line":148,"column":45,"offset":2136},"end":{"line":148,"column":53,"offset":2144},"indent":[]}},{"type":"text","value":", 菱形 ","position":{"start":{"line":148,"column":53,"offset":2144},"end":{"line":148,"column":58,"offset":2149},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">diamond</code>","position":{"start":{"line":148,"column":58,"offset":2149},"end":{"line":148,"column":67,"offset":2158},"indent":[]}},{"type":"text","value":",三角形 ","position":{"start":{"line":148,"column":67,"offset":2158},"end":{"line":148,"column":72,"offset":2163},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">triangle</code>","position":{"start":{"line":148,"column":72,"offset":2163},"end":{"line":148,"column":82,"offset":2173},"indent":[]}},{"type":"text","value":", 倒三角形","position":{"start":{"line":148,"column":82,"offset":2173},"end":{"line":148,"column":88,"offset":2179},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">triangle-down</code>","position":{"start":{"line":148,"column":88,"offset":2179},"end":{"line":148,"column":103,"offset":2194},"indent":[]}},{"type":"text","value":"，也可以是自定义的path路径。","position":{"start":{"line":148,"column":103,"offset":2194},"end":{"line":148,"column":119,"offset":2210},"indent":[]}}],"position":{"start":{"line":148,"column":19,"offset":2110},"end":{"line":148,"column":119,"offset":2210},"indent":[]}}],"position":{"start":{"line":148,"column":1,"offset":2092},"end":{"line":148,"column":121,"offset":2212},"indent":[]}}],"position":{"start":{"line":143,"column":1,"offset":1998},"end":{"line":148,"column":121,"offset":2212},"indent":[1,1,1,1,1]}},{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"用法","position":{"start":{"line":152,"column":3,"offset":2218},"end":{"line":152,"column":5,"offset":2220},"indent":[]}}],"position":{"start":{"line":152,"column":1,"offset":2216},"end":{"line":152,"column":7,"offset":2222},"indent":[]}}],"position":{"start":{"line":152,"column":1,"offset":2216},"end":{"line":152,"column":7,"offset":2222},"indent":[]}},{"type":"html","lang":"javascript","meta":null,"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>\n        <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>\n        <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>\n        <span class=\"token punctuation\">[</span> <span class=\"token string\">'L'</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>\n        <span class=\"token punctuation\">[</span> <span class=\"token string\">'Z'</span> <span class=\"token punctuation\">]</span>\n      <span class=\"token punctuation\">]</span>\n    <span class=\"token punctuation\">}</span>\n  <span class=\"token punctuation\">}</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span></code></pre></div>","position":{"start":{"line":153,"column":1,"offset":2223},"end":{"line":169,"column":4,"offset":2480},"indent":[1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1]}},{"type":"heading","depth":3,"children":[{"type":"link","url":"#多边形图形-polygon","title":null,"children":[],"data":{"hProperties":{"aria-label":"多边形图形 polygon permalink","class":"anchor"},"hChildren":[{"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":172,"column":5,"offset":2487},"end":{"line":172,"column":18,"offset":2500},"indent":[]}}],"position":{"start":{"line":172,"column":1,"offset":2483},"end":{"line":172,"column":18,"offset":2500},"indent":[]},"data":{"id":"多边形图形-polygon","htmlAttributes":{"id":"多边形图形-polygon"},"hProperties":{"id":"多边形图形-polygon"}}},{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"属性","position":{"start":{"line":174,"column":3,"offset":2504},"end":{"line":174,"column":5,"offset":2506},"indent":[]}}],"position":{"start":{"line":174,"column":1,"offset":2502},"end":{"line":174,"column":7,"offset":2508},"indent":[]}}],"position":{"start":{"line":174,"column":1,"offset":2502},"end":{"line":174,"column":7,"offset":2508},"indent":[]}},{"type":"table","align":[null,null,null],"children":[{"type":"tableRow","children":[{"type":"tableCell","children":[{"type":"text","value":"属性名","position":{"start":{"line":176,"column":3,"offset":2512},"end":{"line":176,"column":6,"offset":2515},"indent":[]}}],"position":{"start":{"line":176,"column":3,"offset":2512},"end":{"line":176,"column":6,"offset":2515},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"含义","position":{"start":{"line":176,"column":9,"offset":2518},"end":{"line":176,"column":11,"offset":2520},"indent":[]}}],"position":{"start":{"line":176,"column":9,"offset":2518},"end":{"line":176,"column":11,"offset":2520},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"备注","position":{"start":{"line":176,"column":14,"offset":2523},"end":{"line":176,"column":16,"offset":2525},"indent":[]}}],"position":{"start":{"line":176,"column":14,"offset":2523},"end":{"line":176,"column":16,"offset":2525},"indent":[]}}],"position":{"start":{"line":176,"column":1,"offset":2510},"end":{"line":176,"column":18,"offset":2527},"indent":[]}},{"type":"tableRow","children":[{"type":"tableCell","children":[{"type":"text","value":"points","position":{"start":{"line":178,"column":3,"offset":2550},"end":{"line":178,"column":9,"offset":2556},"indent":[]}}],"position":{"start":{"line":178,"column":3,"offset":2550},"end":{"line":178,"column":9,"offset":2556},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"多边形的所有端点坐标","position":{"start":{"line":178,"column":12,"offset":2559},"end":{"line":178,"column":22,"offset":2569},"indent":[]}}],"position":{"start":{"line":178,"column":12,"offset":2559},"end":{"line":178,"column":22,"offset":2569},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"数组形式","position":{"start":{"line":178,"column":25,"offset":2572},"end":{"line":178,"column":29,"offset":2576},"indent":[]}}],"position":{"start":{"line":178,"column":25,"offset":2572},"end":{"line":178,"column":29,"offset":2576},"indent":[]}}],"position":{"start":{"line":178,"column":1,"offset":2548},"end":{"line":178,"column":31,"offset":2578},"indent":[]}}],"position":{"start":{"line":176,"column":1,"offset":2510},"end":{"line":178,"column":31,"offset":2578},"indent":[1,1]}},{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"用法","position":{"start":{"line":182,"column":3,"offset":2584},"end":{"line":182,"column":5,"offset":2586},"indent":[]}}],"position":{"start":{"line":182,"column":1,"offset":2582},"end":{"line":182,"column":7,"offset":2588},"indent":[]}}],"position":{"start":{"line":182,"column":1,"offset":2582},"end":{"line":182,"column":7,"offset":2588},"indent":[]}},{"type":"html","lang":"javascript","meta":null,"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":183,"column":1,"offset":2589},"end":{"line":190,"column":4,"offset":2731},"indent":[1,1,1,1,1,1,1]}},{"type":"heading","depth":3,"children":[{"type":"link","url":"#矩形图形-rect","title":null,"children":[],"data":{"hProperties":{"aria-label":"矩形图形 rect permalink","class":"anchor"},"hChildren":[{"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":193,"column":5,"offset":2738},"end":{"line":193,"column":14,"offset":2747},"indent":[]}}],"position":{"start":{"line":193,"column":1,"offset":2734},"end":{"line":193,"column":14,"offset":2747},"indent":[]},"data":{"id":"矩形图形-rect","htmlAttributes":{"id":"矩形图形-rect"},"hProperties":{"id":"矩形图形-rect"}}},{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"属性","position":{"start":{"line":195,"column":3,"offset":2751},"end":{"line":195,"column":5,"offset":2753},"indent":[]}}],"position":{"start":{"line":195,"column":1,"offset":2749},"end":{"line":195,"column":7,"offset":2755},"indent":[]}}],"position":{"start":{"line":195,"column":1,"offset":2749},"end":{"line":195,"column":7,"offset":2755},"indent":[]}},{"type":"table","align":[null,null,null],"children":[{"type":"tableRow","children":[{"type":"tableCell","children":[{"type":"text","value":"属性名","position":{"start":{"line":197,"column":3,"offset":2759},"end":{"line":197,"column":6,"offset":2762},"indent":[]}}],"position":{"start":{"line":197,"column":3,"offset":2759},"end":{"line":197,"column":6,"offset":2762},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"含义","position":{"start":{"line":197,"column":9,"offset":2765},"end":{"line":197,"column":11,"offset":2767},"indent":[]}}],"position":{"start":{"line":197,"column":9,"offset":2765},"end":{"line":197,"column":11,"offset":2767},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"备注","position":{"start":{"line":197,"column":14,"offset":2770},"end":{"line":197,"column":16,"offset":2772},"indent":[]}}],"position":{"start":{"line":197,"column":14,"offset":2770},"end":{"line":197,"column":16,"offset":2772},"indent":[]}}],"position":{"start":{"line":197,"column":1,"offset":2757},"end":{"line":197,"column":18,"offset":2774},"indent":[]}},{"type":"tableRow","children":[{"type":"tableCell","children":[{"type":"text","value":"x","position":{"start":{"line":199,"column":3,"offset":2797},"end":{"line":199,"column":4,"offset":2798},"indent":[]}}],"position":{"start":{"line":199,"column":3,"offset":2797},"end":{"line":199,"column":4,"offset":2798},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"矩形左上角的 x 坐标","position":{"start":{"line":199,"column":7,"offset":2801},"end":{"line":199,"column":18,"offset":2812},"indent":[]}}],"position":{"start":{"line":199,"column":7,"offset":2801},"end":{"line":199,"column":18,"offset":2812},"indent":[]}},{"type":"tableCell","children":[],"position":{"start":{"line":199,"column":22,"offset":2816},"end":{"line":199,"column":22,"offset":2816},"indent":[]}}],"position":{"start":{"line":199,"column":1,"offset":2795},"end":{"line":199,"column":23,"offset":2817},"indent":[]}},{"type":"tableRow","children":[{"type":"tableCell","children":[{"type":"text","value":"y","position":{"start":{"line":200,"column":3,"offset":2820},"end":{"line":200,"column":4,"offset":2821},"indent":[]}}],"position":{"start":{"line":200,"column":3,"offset":2820},"end":{"line":200,"column":4,"offset":2821},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"矩形左上角的 y 坐标","position":{"start":{"line":200,"column":7,"offset":2824},"end":{"line":200,"column":18,"offset":2835},"indent":[]}}],"position":{"start":{"line":200,"column":7,"offset":2824},"end":{"line":200,"column":18,"offset":2835},"indent":[]}},{"type":"tableCell","children":[],"position":{"start":{"line":200,"column":22,"offset":2839},"end":{"line":200,"column":22,"offset":2839},"indent":[]}}],"position":{"start":{"line":200,"column":1,"offset":2818},"end":{"line":200,"column":23,"offset":2840},"indent":[]}},{"type":"tableRow","children":[{"type":"tableCell","children":[{"type":"text","value":"width","position":{"start":{"line":201,"column":3,"offset":2843},"end":{"line":201,"column":8,"offset":2848},"indent":[]}}],"position":{"start":{"line":201,"column":3,"offset":2843},"end":{"line":201,"column":8,"offset":2848},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"矩形的宽度","position":{"start":{"line":201,"column":11,"offset":2851},"end":{"line":201,"column":16,"offset":2856},"indent":[]}}],"position":{"start":{"line":201,"column":11,"offset":2851},"end":{"line":201,"column":16,"offset":2856},"indent":[]}},{"type":"tableCell","children":[],"position":{"start":{"line":201,"column":20,"offset":2860},"end":{"line":201,"column":20,"offset":2860},"indent":[]}}],"position":{"start":{"line":201,"column":1,"offset":2841},"end":{"line":201,"column":21,"offset":2861},"indent":[]}},{"type":"tableRow","children":[{"type":"tableCell","children":[{"type":"text","value":"height","position":{"start":{"line":202,"column":3,"offset":2864},"end":{"line":202,"column":9,"offset":2870},"indent":[]}}],"position":{"start":{"line":202,"column":3,"offset":2864},"end":{"line":202,"column":9,"offset":2870},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"矩形的高度","position":{"start":{"line":202,"column":12,"offset":2873},"end":{"line":202,"column":17,"offset":2878},"indent":[]}}],"position":{"start":{"line":202,"column":12,"offset":2873},"end":{"line":202,"column":17,"offset":2878},"indent":[]}},{"type":"tableCell","children":[],"position":{"start":{"line":202,"column":21,"offset":2882},"end":{"line":202,"column":21,"offset":2882},"indent":[]}}],"position":{"start":{"line":202,"column":1,"offset":2862},"end":{"line":202,"column":22,"offset":2883},"indent":[]}},{"type":"tableRow","children":[{"type":"tableCell","children":[{"type":"text","value":"radius","position":{"start":{"line":203,"column":3,"offset":2886},"end":{"line":203,"column":9,"offset":2892},"indent":[]}}],"position":{"start":{"line":203,"column":3,"offset":2886},"end":{"line":203,"column":9,"offset":2892},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"定义圆角","position":{"start":{"line":203,"column":12,"offset":2895},"end":{"line":203,"column":16,"offset":2899},"indent":[]}}],"position":{"start":{"line":203,"column":12,"offset":2895},"end":{"line":203,"column":16,"offset":2899},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"支持整数或数组形式， 分别对应左上、右上、右下、左下角的半径：","position":{"start":{"line":203,"column":19,"offset":2902},"end":{"line":203,"column":50,"offset":2933},"indent":[]}},{"type":"html","value":"<br />","position":{"start":{"line":203,"column":50,"offset":2933},"end":{"line":203,"column":56,"offset":2939},"indent":[]}},{"type":"text","value":"- radius缩写为 1或 ","position":{"start":{"line":203,"column":56,"offset":2939},"end":{"line":203,"column":71,"offset":2954},"indent":[]}},{"type":"linkReference","identifier":" 1 ","label":" 1 ","referenceType":"shortcut","children":[{"type":"text","value":" 1 ","position":{"start":{"line":203,"column":72,"offset":2955},"end":{"line":203,"column":75,"offset":2958},"indent":[]}}],"position":{"start":{"line":203,"column":71,"offset":2954},"end":{"line":203,"column":76,"offset":2959},"indent":[]}},{"type":"text","value":" 相当于 ","position":{"start":{"line":203,"column":76,"offset":2959},"end":{"line":203,"column":81,"offset":2964},"indent":[]}},{"type":"linkReference","identifier":" 1, 1, 1, 1 ","label":" 1, 1, 1, 1 ","referenceType":"shortcut","children":[{"type":"text","value":" 1, 1, 1, 1 ","position":{"start":{"line":203,"column":82,"offset":2965},"end":{"line":203,"column":94,"offset":2977},"indent":[]}}],"position":{"start":{"line":203,"column":81,"offset":2964},"end":{"line":203,"column":95,"offset":2978},"indent":[]}},{"type":"html","value":"<br />","position":{"start":{"line":203,"column":95,"offset":2978},"end":{"line":203,"column":101,"offset":2984},"indent":[]}},{"type":"text","value":"- radius 缩写为 ","position":{"start":{"line":203,"column":101,"offset":2984},"end":{"line":203,"column":114,"offset":2997},"indent":[]}},{"type":"linkReference","identifier":" 1, 2 ","label":" 1, 2 ","referenceType":"shortcut","children":[{"type":"text","value":" 1, 2 ","position":{"start":{"line":203,"column":115,"offset":2998},"end":{"line":203,"column":121,"offset":3004},"indent":[]}}],"position":{"start":{"line":203,"column":114,"offset":2997},"end":{"line":203,"column":122,"offset":3005},"indent":[]}},{"type":"text","value":" 相当于 ","position":{"start":{"line":203,"column":122,"offset":3005},"end":{"line":203,"column":127,"offset":3010},"indent":[]}},{"type":"linkReference","identifier":" 1, 2, 1, 2 ","label":" 1, 2, 1, 2 ","referenceType":"shortcut","children":[{"type":"text","value":" 1, 2, 1, 2 ","position":{"start":{"line":203,"column":128,"offset":3011},"end":{"line":203,"column":140,"offset":3023},"indent":[]}}],"position":{"start":{"line":203,"column":127,"offset":3010},"end":{"line":203,"column":141,"offset":3024},"indent":[]}},{"type":"html","value":"<br />","position":{"start":{"line":203,"column":141,"offset":3024},"end":{"line":203,"column":147,"offset":3030},"indent":[]}},{"type":"text","value":"- radius 缩写为 ","position":{"start":{"line":203,"column":147,"offset":3030},"end":{"line":203,"column":160,"offset":3043},"indent":[]}},{"type":"linkReference","identifier":" 1, 2, 3 ","label":" 1, 2, 3 ","referenceType":"shortcut","children":[{"type":"text","value":" 1, 2, 3 ","position":{"start":{"line":203,"column":161,"offset":3044},"end":{"line":203,"column":170,"offset":3053},"indent":[]}}],"position":{"start":{"line":203,"column":160,"offset":3043},"end":{"line":203,"column":171,"offset":3054},"indent":[]}},{"type":"text","value":" 相当于 ","position":{"start":{"line":203,"column":171,"offset":3054},"end":{"line":203,"column":176,"offset":3059},"indent":[]}},{"type":"linkReference","identifier":" 1, 2, 3, 2 ","label":" 1, 2, 3, 2 ","referenceType":"shortcut","children":[{"type":"text","value":" 1, 2, 3, 2 ","position":{"start":{"line":203,"column":177,"offset":3060},"end":{"line":203,"column":189,"offset":3072},"indent":[]}}],"position":{"start":{"line":203,"column":176,"offset":3059},"end":{"line":203,"column":190,"offset":3073},"indent":[]}},{"type":"html","value":"<br />","position":{"start":{"line":203,"column":190,"offset":3073},"end":{"line":203,"column":196,"offset":3079},"indent":[]}}],"position":{"start":{"line":203,"column":19,"offset":2902},"end":{"line":203,"column":196,"offset":3079},"indent":[]}}],"position":{"start":{"line":203,"column":1,"offset":2884},"end":{"line":203,"column":198,"offset":3081},"indent":[]}}],"position":{"start":{"line":197,"column":1,"offset":2757},"end":{"line":203,"column":198,"offset":3081},"indent":[1,1,1,1,1,1]}},{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"用法","position":{"start":{"line":207,"column":3,"offset":3088},"end":{"line":207,"column":5,"offset":3090},"indent":[]}}],"position":{"start":{"line":207,"column":1,"offset":3086},"end":{"line":207,"column":7,"offset":3092},"indent":[]}}],"position":{"start":{"line":207,"column":1,"offset":3086},"end":{"line":207,"column":7,"offset":3092},"indent":[]}},{"type":"html","lang":"javascript","meta":null,"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":208,"column":1,"offset":3093},"end":{"line":219,"column":4,"offset":3251},"indent":[1,1,1,1,1,1,1,1,1,1,1]}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":220,"column":1,"offset":3252}}}}