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:

Option Description
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:

  • .png
  • .jpg

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.

zapcode branded_zapcode i