Step 1

In this lesson you can add a background image that users can doodle on, rather than a blank canvas. 

Select an image from the media gallery on your laptop, which you can find here: Desktop / Media Library. Or use the internet to do a search for an image that you like. 

You'll get the best results if the size of the image is close to the size of Canvas1. The canvas is a square (300 x 300 pixels). 

You can filter Google image search results by size: do a search in Google images, go to Tools and change size to 300 x 300 pixels. Go to Usage Rights and select “Labelled for reuse” to find images you have permission to use.

Step 2

In the Designer editor, go to the Components pane and click on Canvas1. Change BackgroundImage to an image of your choice. 

Step 3

Check how the image looks on the phone. Do a couple of doodles and make sure you are happy with your design.