Skip to content
On this page

Wedge Shape

TIP

This class is a descendant of Shape it also inherits all the options that Shape provides.

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

NameTypeDescription
angleMayBeRef<number>How many degrees is the angle from the x-axis?
radiusMayBeRef<number>Radius length

Inherit Shape

NameTypeDescription
xMayBeRef<number>offset x
yMayBeRef<number>offset y

Optional Options

NameTypeDefaultDescription
clockwiseMayBeRef<boolean>falseThe 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)

Released under the MIT License.