- Add the Native Graphics Canvas element to your mobile page. - Give the element a fixed visible width and height.
- Keep Allow selection enabled if users should be able to tap objects on the canvas.
- Keep Allow transform gestures enabled if users should be able to drag, resize, and rotate objects directly.
- Use workflow actions to add text, images, shapes, lines, arrows, and drawings.
- Use Start drawing mode when users should draw directly on the canvas.
- Use Stop drawing mode to return to normal selection and editing.
- Use Start eraser mode when users should erase freehand drawings.
- Use the default area eraser to wipe drawings like cleaning chalk from a board.
- Use stroke eraser only when you want the whole freehand stroke removed at once.
- Use Has selected object to enable or disable buttons that require a selected item.
- Use selected object states to inspect the current selected object.
- Use Update selected transform to change position, size, rotation, opacity, or line endpoints.
- Use Update selected style to change colors, text, font settings, stroke width, image URL, and other style fields.
- Use Lock selected when an object should not be moved, resized, rotated, or edited directly.
- Use Hide selected or Show selected to control object visibility.
- Use Copy selected, Paste, Duplicate selected, Bring forward, Send backward, Bring to front, and Send to back for editing tools.
- Use Export PNG to render the full canvas as an image.
- Use exported PNG URI when you need the saved file location.
- Use exported PNG base64 when you need to upload, store, or send the image data.
- Use Download design to save or share the rendered image through the device flow.
- Use Share exported PNG to open the native share sheet for the latest export.
- Use scene JSON when you want to save a design and load it again later.
- Remember that export, download, and share behavior can vary by device, operating system, file permissions, and available native sharing options.