Canvas Graphics and Geometry Concepts

This video tutorial introduces the concept of graphics using a canvas. It explains the unique coordinate system of the canvas, where the origin is at the top left, and demonstrates how to create and position text, circles, and rectangles. The tutorial includes practical examples, such as drawing a 'Hello World' text, a blue circle, a red rectangle, and an eightball with centered text. The video emphasizes understanding the coordinate system and positioning elements correctly on the canvas.

Where is the origin (0,0) located on the canvas?

• Bottom right

• Top right

• Top left

• Bottom left

Which direction does the positive Y-axis point on the canvas?

• Downwards

• Upwards

• Leftwards

• Rightwards

What function is used to get the width of the canvas?

• width()

• canvasWidth()

• getCanvasWidth()

• getWidth()

What is the position of the text 'Hello World' in the first graphics program?

• (100, 200)

• (200, 200)

• (100, 100)

• (200, 100)

What is the radius of the blue circle created in the example?

• 50

• 40

• 30

• 20

What color is the circle in the example?

• Red

• Green

• Blue

• Yellow

What are the dimensions of the rectangle created in the example?

• Width: 50, Height: 150

• Width: 150, Height: 50

• Width: 100, Height: 50

• Width: 50, Height: 100

What color is the rectangle in the example?

• Yellow

• Green

• Red

• Blue

What is the radius of the circle used to create the eightball?

• 125

• 50

• 100

• 75

What font size is used for the number '8' in the eightball example?

• 30 point

• 50 point

• 60 point

• 40 point