fcanvasWedge Shape
TIP
This component also supports a return function
To create an wedge shape with fcanvas, we can instantiate a Wedge object.
In addition, this shape also provides a few other parameters:
Require Options
| Name | Type | Description |
|---|---|---|
| angle | MayBeRef<number> | How many degrees is the angle from the x-axis? |
| radius | MayBeRef<number> | Radius length |
Inherit Shape
| Name | Type | Description |
|---|---|---|
| x | MayBeRef<number> | offset x |
| y | MayBeRef<number> | offset y |
Optional Options
| Name | Type | Default | Description |
|---|---|---|---|
| clockwise | MayBeRef<boolean> | false | The drawing angle should be clockwise or counterclockwise |
Demo
ts
import { Stage, Layer, Wedge } from "fcanvas"
const stage = new Stage().mount("#app")
const layer = new Layer().addTo(stage)
const wedge = new Wedge({
x: stage.size.width / 2,
y: stage.size.height / 2,
radius: 70,
angle: 60,
fill: "red",
stroke: "black",
strokeWidth: 4,
rotation: -120
}).addTo(layer)