CodeHS Unit 3: The Canvas and Graphics - Quizizz Review

What is the top-left corner coordinate of the canvas?

• (0, 0)

• (1, 1)

• (100, 100)

• (canvasWidth, canvasHeight)

Which function returns the width of the canvas?

• getCanvasWidth()

• getWidth()

• canvas.width

• getScreenWidth()

Which function returns the height of the canvas?

• getHeight()

• canvasHeight()

• getCanvasHeight()

• screen.height

What coordinate system does the canvas use?

• Cartesian with origin at bottom-left

• Cartesian with origin at top-left

• Polar coordinates

• Grid-based coordinates

Which keyword is used to create a new graphics object?

• create

• new

• draw

• object

What does new Circle(50) create?

• A circle with diameter 50

• A circle with radius 50

• A circle at position (50, 50)

• A circle with area 50

What is the correct way to add a graphic object to the canvas?

• draw(object)

• canvas.add(object)

• add(object)

• render(object)

Which object requires two coordinates and two endpoints?

• Text

• Rectangle

• Circle

• Line

What does new Rectangle(100, 50) create?

• A square

• A rectangle 100 wide and 50 tall

• A rectangle at (100, 50)

• A rectangle with area 150

What does new Text("Hello", "30pt Arial") do?

• Creates a text object with font size and style

• Prints text to console

• Adds text to the browser title

• Creates a variable named Hello