Drawing

ellipse

Draws a filled or stroked ellipse.

Inputs:

• image (Image) — source image
• cx (Number) — center x coordinate
• cy (Number) — center y coordinate
• rx (Number) — horizontal radius
• ry (Number) — vertical radius
• color (Text) — fill or stroke color as hex
• mode (Text) — fill or stroke
• thickness (Number) — stroke width when mode is stroke

Output: image (Image) — image with ellipse drawn

See also: rectangle, line, image/canvas

fonts

Lists available fonts from the system and bundled set.

Inputs:

• filter (Text) — case-insensitive name filter

Output: fonts (Json) — array of {name, path, source} objects

See also: text

html

Renders HTML, CSS, and JavaScript to an image. Evaluated by the frontend webview.

Inputs:

• html (Text) — HTML markup to render
• css (Text) — CSS stylesheet
• js (Text) — JavaScript to execute before capture
• fonts (Text) — Google Font families, comma-separated
• data (Json) — data injected as a global data variable in JS
• width (Number) — output width — 0 trims transparent pixels
• height (Number) — output height — 0 trims transparent pixels
• delay (Number) — milliseconds to wait before capture

Output: image (Image) — rendered image with transparency

See also: rectangle, text, image/canvas

line

Draws a line between two points.

Inputs:

• image (Image) — source image
• x1 (Number) — start x
• y1 (Number) — start y
• x2 (Number) — end x
• y2 (Number) — end y
• color (Text) — line color as hex
• thickness (Number) — line width in pixels
• antialias (Boolean) — enable edge smoothing

Output: image (Image) — image with line drawn

See also: rectangle, ellipse

overlay

Composites one image on top of another with alpha blending.

Inputs:

• base (Image) — background image
• overlay (Image) — image to composite on top
• x (Number) — overlay x offset
• y (Number) — overlay y offset

Output: image (Image) — composited image

See also: image/canvas, text

rectangle

Draws a filled or stroked rectangle.

Inputs:

• image (Image) — source image
• x (Number) — left x coordinate
• y (Number) — top y coordinate
• width (Number) — rectangle width
• height (Number) — rectangle height
• color (Text) — fill or stroke color as hex
• mode (Text) — fill or stroke
• thickness (Number) — stroke width when mode is stroke

Output: image (Image) — image with rectangle drawn

See also: ellipse, line

text

Renders text onto an image.

Inputs:

• image (Image) — source image
• text (Text) — text to render
• x (Number) — x coordinate
• y (Number) — y coordinate
• size (Number) — font size in pixels
• color (Text) — text color as hex
• font (Text) — bundled name or file path
• align (Text) — left, center, or right

Output: image (Image) — image with text rendered

See also: text_measure, fonts

text_measure

Returns pixel dimensions text would occupy.

Inputs:

• text (Text) — text to measure
• size (Number) — font size in pixels
• font (Text) — bundled name or file path

Outputs:

• width (Number) — text width in pixels
• height (Number) — text height in pixels

See also: text, fonts