DrawText

Draws text on the canvas.

Usage

import { Canvas, DrawText } from 'flexium/canvas';

<Canvas width={300} height={100}>
  <DrawText
    x={10}
    y={50}
    text="Hello Canvas"
    fill="black"
    fontSize={24}
  />
</Canvas>

Props

Prop	Type	Description
text	string | Signal<string>	The text content.
x	number | Signal<number>	The x-coordinate.
y	number | Signal<number>	The y-coordinate.
fill	string | Signal<string>	The text color.
fontSize	number | Signal<number>	Font size in pixels.
fontFamily	string	Font family.
textAlign	'left' | 'center' | 'right'	Text alignment.

Interactive Demo