{"route":"/en-US-v0.14.1/reference/visualize/polygon/","title":"Polygon","description":"Documentation for the `polygon` function.","part":null,"outline":[{"id":"summary","name":"Summary","children":[]},{"id":"example","name":"Example","children":[]},{"id":"parameters","name":"Parameters","children":[{"id":"parameters-fill","name":"fill","children":[]},{"id":"parameters-fill-rule","name":"fill-rule","children":[]},{"id":"parameters-stroke","name":"stroke","children":[]},{"id":"parameters-vertices","name":"vertices","children":[]}]},{"id":"definitions","name":"Definitions","children":[{"id":"definitions-regular","name":"Regular Polygon","children":[{"id":"definitions-regular-fill","name":"fill","children":[]},{"id":"definitions-regular-stroke","name":"stroke","children":[]},{"id":"definitions-regular-size","name":"size","children":[]},{"id":"definitions-regular-vertices","name":"vertices","children":[]}]}]}],"body":{"kind":"func","content":{"path":[],"name":"polygon","title":"Polygon","keywords":[],"oneliner":"A closed polygon.","element":true,"contextual":false,"deprecationMessage":null,"deprecationUntil":null,"details":[{"kind":"html","content":"<p>A closed polygon.</p>\n<p>The polygon is defined by its corner points and is closed automatically.</p>\n<h2 id=\"example\">Example</h2>\n<div class=\"previewed-code\"><pre><code><span class=\"typ-func\">#</span><span class=\"typ-func\">polygon</span><span class=\"typ-punct\">(</span>\n  fill<span class=\"typ-punct\">:</span> blue<span class=\"typ-punct\">.</span><span class=\"typ-func\">lighten</span><span class=\"typ-punct\">(</span><span class=\"typ-num\">80%</span><span class=\"typ-punct\">)</span><span class=\"typ-punct\">,</span>\n  stroke<span class=\"typ-punct\">:</span> blue<span class=\"typ-punct\">,</span>\n  <span class=\"typ-punct\">(</span><span class=\"typ-num\">20%</span><span class=\"typ-punct\">,</span> <span class=\"typ-num\">0pt</span><span class=\"typ-punct\">)</span><span class=\"typ-punct\">,</span>\n  <span class=\"typ-punct\">(</span><span class=\"typ-num\">60%</span><span class=\"typ-punct\">,</span> <span class=\"typ-num\">0pt</span><span class=\"typ-punct\">)</span><span class=\"typ-punct\">,</span>\n  <span class=\"typ-punct\">(</span><span class=\"typ-num\">80%</span><span class=\"typ-punct\">,</span> <span class=\"typ-num\">2cm</span><span class=\"typ-punct\">)</span><span class=\"typ-punct\">,</span>\n  <span class=\"typ-punct\">(</span><span class=\"typ-num\">0%</span><span class=\"typ-punct\">,</span>  <span class=\"typ-num\">2cm</span><span class=\"typ-punct\">)</span><span class=\"typ-punct\">,</span>\n<span class=\"typ-punct\">)</span>\n</code></pre><div class=\"preview\"><img src=\"/en-US-v0.14.1/assets/4eecc04e899aad583ed0d99456edd014.png\" alt=\"Preview\"></div></div>"}],"self":false,"params":[{"name":"fill","details":[{"kind":"html","content":"<p>How to fill the polygon.</p>\n<p>When setting a fill, the default stroke disappears. To create a\nrectangle with both fill and stroke, you have to configure both.</p>"}],"types":["none","color","gradient","tiling"],"strings":[],"default":"<code><span class=\"typ-key\">none</span></code>","positional":false,"named":true,"required":false,"variadic":false,"settable":true},{"name":"fill-rule","details":[{"kind":"html","content":"<p>The drawing rule used to fill the polygon.</p>\n<p>See the <a href=\"/en-US-v0.14.1/reference/visualize/curve/#parameters-fill-rule\">curve documentation</a> for an example.</p>"}],"types":["str"],"strings":[{"string":"non-zero","details":"<p>Specifies that &quot;inside&quot; is computed by a non-zero sum of signed edge crossings.</p>"},{"string":"even-odd","details":"<p>Specifies that &quot;inside&quot; is computed by an odd number of edge crossings.</p>"}],"default":"<code><span class=\"typ-str\">&quot;non-zero&quot;</span></code>","positional":false,"named":true,"required":false,"variadic":false,"settable":true},{"name":"stroke","details":[{"kind":"html","content":"<p>How to <a href=\"/en-US-v0.14.1/reference/visualize/stroke/\" title=\"stroke\">stroke</a> the polygon.</p>\n<p>Can be set to  <code><span class=\"typ-key\">none</span></code> to disable the stroke or to <code><span class=\"typ-key\">auto</span></code> for a\nstroke of <code><span class=\"typ-num\">1pt</span></code> black if and only if no fill is given.</p>"}],"types":["none","auto","length","color","gradient","stroke","tiling","dictionary"],"strings":[],"default":"<code><span class=\"typ-key\">auto</span></code>","positional":false,"named":true,"required":false,"variadic":false,"settable":true},{"name":"vertices","details":[{"kind":"html","content":"<p>The vertices of the polygon. Each point is specified as an array of two\n<a href=\"/en-US-v0.14.1/reference/layout/relative/\">relative lengths</a>.</p>"}],"types":["array"],"strings":[],"default":null,"positional":true,"named":false,"required":true,"variadic":true,"settable":false}],"returns":["content"],"scope":[{"path":["polygon"],"name":"regular","title":"Regular Polygon","keywords":[],"oneliner":"A regular polygon, defined by its size and number of vertices.","element":false,"contextual":false,"deprecationMessage":null,"deprecationUntil":null,"details":[{"kind":"html","content":"<p>A regular polygon, defined by its size and number of vertices.</p>"},{"kind":"example","content":{"body":"<div class=\"previewed-code\"><pre><code><span class=\"typ-pol\">#</span><span class=\"typ-pol\">polygon</span><span class=\"typ-punct\">.</span><span class=\"typ-func\">regular</span><span class=\"typ-punct\">(</span>\n  fill<span class=\"typ-punct\">:</span> blue<span class=\"typ-punct\">.</span><span class=\"typ-func\">lighten</span><span class=\"typ-punct\">(</span><span class=\"typ-num\">80%</span><span class=\"typ-punct\">)</span><span class=\"typ-punct\">,</span>\n  stroke<span class=\"typ-punct\">:</span> blue<span class=\"typ-punct\">,</span>\n  size<span class=\"typ-punct\">:</span> <span class=\"typ-num\">30pt</span><span class=\"typ-punct\">,</span>\n  vertices<span class=\"typ-punct\">:</span> <span class=\"typ-num\">3</span><span class=\"typ-punct\">,</span>\n<span class=\"typ-punct\">)</span>\n</code></pre><div class=\"preview\"><img src=\"/en-US-v0.14.1/assets/9d2280c3e700486008c43a2bbf75321e.png\" alt=\"Preview\"></div></div>","title":null}}],"self":false,"params":[{"name":"fill","details":[{"kind":"html","content":"<p>How to fill the polygon. See the general\n<a href=\"/en-US-v0.14.1/reference/visualize/polygon/#parameters-fill\">polygon's documentation</a> for more details.</p>"}],"types":["none","color","gradient","tiling"],"strings":[],"default":null,"positional":false,"named":true,"required":false,"variadic":false,"settable":false},{"name":"stroke","details":[{"kind":"html","content":"<p>How to stroke the polygon. See the general\n<a href=\"/en-US-v0.14.1/reference/visualize/polygon/#parameters-stroke\">polygon's documentation</a> for more details.</p>"}],"types":["none","auto","length","color","gradient","stroke","tiling","dictionary"],"strings":[],"default":null,"positional":false,"named":true,"required":false,"variadic":false,"settable":false},{"name":"size","details":[{"kind":"html","content":"<p>The diameter of the <a href=\"https://en.wikipedia.org/wiki/Circumcircle\">circumcircle</a>\nof the regular polygon.</p>"}],"types":["length"],"strings":[],"default":"<code><span class=\"typ-num\">1em</span></code>","positional":false,"named":true,"required":false,"variadic":false,"settable":false},{"name":"vertices","details":[{"kind":"html","content":"<p>The number of vertices in the polygon.</p>"}],"types":["int"],"strings":[],"default":"<code><span class=\"typ-num\">3</span></code>","positional":false,"named":true,"required":false,"variadic":false,"settable":false}],"returns":["content"],"scope":[]}]}}}