Back to documentation
Canvas
A programmable canvas that can be used to create interactive experiences, tools or games.
Information
Plan: Pro Gold
Added at: 2026-05-25
Properties
| Property | Type | Default |
|---|---|---|
| Background color | string | "var(--ophixor-semantic-surface-base)" |
| Border color | string | "var(--ophixor-semantic-border-default)" |
| Border radius | string | "6px" |
| Border width | string | "1px" |
| Border style | string | "solid" |
| Box shadow | string | "var(--ophixor-semantic-shadow-medium)" |
| Width | string | "100%" |
| Height | string | "500px" |
| On mouse down | object | null |
| On mouse move | object | null |
| On mouse up | object | null |
| On render | object | null |
| On update | object | null |
| Is visible | boolean | true |
| Selectors | array | [] |
Related actions
| Action | Description | Plan |
|---|---|---|
| Canvas circle | Draws or fills a circle in the current canvas. | Pro Gold |
| Canvas clear | Clears the current canvas. | Pro Gold |
| Canvas image | Draws an image in the current canvas. | Pro Gold |
| Canvas line | Draws a line in the current canvas. | Pro Gold |
| Canvas polygon | Draws or fills a polygon in the current canvas. | Pro Gold |
| Canvas rectangle | Draws or fills a rectangle in the current canvas. | Pro Gold |
| Canvas restore | Restores the current canvas. | Pro Gold |
| Canvas rotate | Rotates the current canvas. | Pro Gold |
| Canvas save | Saves the current canvas. | Pro Gold |
| Canvas scale | Scales the current canvas. | Pro Gold |
| Canvas text | Fills text in the current canvas. | Pro Gold |
| Canvas translate | Translates the current canvas. | Pro Gold |
Related expressions
| Expression | Description | Plan |
|---|---|---|
| Canvas delta time | Returns the delta time since the last update. | Pro Gold |
| Canvas frames per second | Returns the most recently calculated frames per second (FPS). | Pro Gold |
| Canvas frame | Coming soon... | Pro Gold |
| Canvas height | Returns the height of the canvas. | Pro Gold |
| Canvas key down | Returns true if the provided key is being pressed and false otherwise. | Pro Gold |
| Canvas mouse button | Coming soon... | Pro Gold |
| Canvas mouse down | Coming soon... | Pro Gold |
| Canvas mouse moved | Coming soon... | Pro Gold |
| Canvas mouse pressed | Coming soon... | Pro Gold |
| Canvas mouse released | Coming soon... | Pro Gold |
| Canvas mouse wheel | Coming soon... | Pro Gold |
| Canvas mouse X | Returns the X-coordinate of the mouse cursor in the canvas. | Pro Gold |
| Canvas mouse Y | Returns the Y-coordinate of the mouse cursor in the canvas. | Pro Gold |
| Canvas time | Coming soon... | Pro Gold |
| Canvas width | Returns the width of the canvas. | Pro Gold |