Drawing Circles
Props
Name | Description | Type | Default |
---|---|---|---|
radius | The radius of the circle. | number | 1 |
position | The position of the center of the circle. | PossibleVector2 | [0,0] |
color | The stroke color of the circle. | string | #000 |
line-width | The stroke line width of the circle. | number | 1.5 |
fill | The fill color of the circle. | string | none |
dashed | Whether the circle should be drawn with a dashed stroke. | boolean | false |
Examples
Basic Circle
Code
vue
<template>
<Graph :units="false">
<Circle :radius="3" />
</Graph>
</template>
Filled Circle
Code
vue
<template>
<Graph :units="false">
<Circle :radius="3" fill="#33aabb33" color="#33aabb" />
</Graph>
</template>