How do you draw shapes and images in an app?

Learn how to use the Canvas component to draw shapes and place images, and to allow the end-user to draw as well.

Example 2. How do you draw a circle at 10,10?

example 3

Canvas has function blocks for drawing a circle or line. The DrawCircle has three parameters, x, y, and radius. x is the horizontal location, y is the vertical location, and r is the radius of the circle to be drawn. An x-value of 10 means the circle will be located 10 pixels to the right of the left border of the canvas. A y-value of 10 means the circle is located 10 pixels down from the top of the canvas.