{"route":"/en-US-v0.14.1/reference/visualize/ellipse/","title":"Ellipse","description":"Documentation for the `ellipse` function.","part":null,"outline":[{"id":"summary","name":"Summary","children":[]},{"id":"example","name":"Example","children":[]},{"id":"parameters","name":"Parameters","children":[{"id":"parameters-width","name":"width","children":[]},{"id":"parameters-height","name":"height","children":[]},{"id":"parameters-fill","name":"fill","children":[]},{"id":"parameters-stroke","name":"stroke","children":[]},{"id":"parameters-inset","name":"inset","children":[]},{"id":"parameters-outset","name":"outset","children":[]},{"id":"parameters-body","name":"body","children":[]}]}],"body":{"kind":"func","content":{"path":[],"name":"ellipse","title":"Ellipse","keywords":[],"oneliner":"An ellipse with optional content.","element":true,"contextual":false,"deprecationMessage":null,"deprecationUntil":null,"details":[{"kind":"html","content":"<p>An ellipse with optional content.</p>\n<h2 id=\"example\">Example</h2>\n<div class=\"previewed-code\"><pre><code><span class=\"typ-comment\">// Without content.</span>\n<span class=\"typ-func\">#</span><span class=\"typ-func\">ellipse</span><span class=\"typ-punct\">(</span>width<span class=\"typ-punct\">:</span> <span class=\"typ-num\">35%</span><span class=\"typ-punct\">,</span> height<span class=\"typ-punct\">:</span> <span class=\"typ-num\">30pt</span><span class=\"typ-punct\">)</span>\n\n<span class=\"typ-comment\">// With content.</span>\n<span class=\"typ-func\">#</span><span class=\"typ-func\">ellipse</span><span class=\"typ-punct\">[</span>\n  <span class=\"typ-key\">#</span><span class=\"typ-key\">set</span> <span class=\"typ-func\">align</span><span class=\"typ-punct\">(</span>center<span class=\"typ-punct\">)</span>\n  Automatically sized <span class=\"typ-escape\">\\</span>\n  to fit the content.\n<span class=\"typ-punct\">]</span>\n</code></pre><div class=\"preview\"><img src=\"/en-US-v0.14.1/assets/bb7e4b149327d0b0cbc5406a39d8e6be.png\" alt=\"Preview\"></div></div>"}],"self":false,"params":[{"name":"width","details":[{"kind":"html","content":"<p>The ellipse's width, relative to its parent container.</p>"}],"types":["auto","relative"],"strings":[],"default":"<code><span class=\"typ-key\">auto</span></code>","positional":false,"named":true,"required":false,"variadic":false,"settable":true},{"name":"height","details":[{"kind":"html","content":"<p>The ellipse's height, relative to its parent container.</p>"}],"types":["auto","relative","fraction"],"strings":[],"default":"<code><span class=\"typ-key\">auto</span></code>","positional":false,"named":true,"required":false,"variadic":false,"settable":true},{"name":"fill","details":[{"kind":"html","content":"<p>How to fill the ellipse. See the <a href=\"/en-US-v0.14.1/reference/visualize/rect/#parameters-fill\">rectangle's documentation</a>\nfor more details.</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":"stroke","details":[{"kind":"html","content":"<p>How to stroke the ellipse. See the\n<a href=\"/en-US-v0.14.1/reference/visualize/rect/#parameters-stroke\">rectangle's documentation</a> for more details.</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":"inset","details":[{"kind":"html","content":"<p>How much to pad the ellipse's content. See the\n<a href=\"/en-US-v0.14.1/reference/layout/box/#parameters-inset\">box's documentation</a> for more details.</p>"}],"types":["relative","dictionary"],"strings":[],"default":"<code><span class=\"typ-num\">0%</span> <span class=\"typ-op\">+</span> <span class=\"typ-num\">5pt</span></code>","positional":false,"named":true,"required":false,"variadic":false,"settable":true},{"name":"outset","details":[{"kind":"html","content":"<p>How much to expand the ellipse's size without affecting the layout. See\nthe <a href=\"/en-US-v0.14.1/reference/layout/box/#parameters-outset\">box's documentation</a> for more details.</p>"}],"types":["relative","dictionary"],"strings":[],"default":"<code><span class=\"typ-punct\">(</span><span class=\"typ-punct\">:</span><span class=\"typ-punct\">)</span></code>","positional":false,"named":true,"required":false,"variadic":false,"settable":true},{"name":"body","details":[{"kind":"html","content":"<p>The content to place into the ellipse.</p>\n<p>When this is omitted, the ellipse takes on a default size of at most\n<code><span class=\"typ-num\">45pt</span></code> by <code><span class=\"typ-num\">30pt</span></code>.</p>"}],"types":["none","content"],"strings":[],"default":"<code><span class=\"typ-key\">none</span></code>","positional":true,"named":false,"required":false,"variadic":false,"settable":true}],"returns":["content"],"scope":[]}}}