The Image component allows supported image formats to be easily imported into your scene. Images are useful for adding visual elements but can also be utilized as buttons or UI components, as they fire on tap events upon user interaction.
Adding an Image
To add an image to your scene, select the image icon from the Components Panel, import your image and drag it onto your canvas.
Editing an Image
When you select your image in the canvas, the properties are editable via the Properties Panel.
Here, you can edit the following:
|Transforms||Edit the size (Width/Height), position (X/Y Co-ordinates) and rotation (Degree) of your image.|
|Order||Move your image forward and backwards relative to other objects in your scene.|
|Mirror||Flips the image on the X or Y axis.|
|Text||Changes the text displayed.|
|Action||Add an on tap action.|
|Appearance||Edit the opacity, frame, corner radius, border width and border colour of your image.|
|Transition||Add an entrance or exit transition.|
Supported Image Formats
ZapWorks Designer supports images in the following formats:
Images must be under 10 MB in order to be successfully uploaded into the system. If you have an image that is larger than 10 MB, try resizing it in a image editor of your choice.