Drawing Ellipses

Draws ellipses with the given x and y radii.

INFO

For an easier way to draw circles, see the Circle component.

Props

Name	Description	Type	Default
radius	The x and y radii of the ellipse.	PossibleVector2	[1,1]
position	The position of the center of the ellipse.	PossibleVector2	[0,0]
color	The stroke color of the ellipse.	string	#000
line-width	The stroke line width of the ellipse.	number	1.5
fill	The fill color of the ellipse.	string	none
dashed	Whether the ellipse should be drawn with a dashed stroke.	boolean	false
rotation	The rotation of the ellipse. In degrees unless radians is specified.	number	0
radians	Whether the rotation is specified in radians.	boolean	false

Examples

Basic Ellipse

Code

<template>
  <Graph :units="false">
    <Ellipse :radius="[3, 2]" />
  </Graph>
</template>

Filled Ellipse

Code

<template>
  <Graph :units="false">
    <Ellipse :radius="[3, 2]" fill="#33aabb33" color="#33aabb" />
  </Graph>
</template>

Rotated Ellipse

Code

<template>
  <Graph :units="false">
    <Ellipse :radius="[3, 2]" :rotation="45" />
  </Graph>
</template>