On this page

Event

All subject objects inherit DOM primitives like click, mousemove...

The following objects own this Event API:

Stage
Layer
Group
Shape
and all shape. Example Arc, Rect...

on()

Listen to events

ts

on(name: string, cb: (event: Event) => void): void

off()

Remove listen to events

ts

off(name: string, cb?: (event: Event) => void): void

Demo:

ts

import { Stage, Layer, Circle } from "fcanvas"

const stage = new Stage().mount("#app")
const layer = new Layer().addTo(stage)

const circle = new Circle({
  x: stage.size.width / 2,
  y: stage.size.height / 2,
  radius: 30,
  fill: "red"
}).addTo(layer)

circle.on("click", () => {
  circle.$.fill = "blue"
})