Question 1

If you call ctx.scale(2, 2) and then call ctx.scale(1.5, 1.5), what happens?

Accepted Answer

The answer of If you call ctx.scale(2, 2) and then...

Question 2

The standard way to clear the canvas drawing area is to call four of the context object's methods. What is the proper order for calling those methods?

Accepted Answer

The proper order is to first save the current state, then set the transform to the default state, clear the rectangle, and finally restore the previous state.

Question 3

Given the following syntax for the clearRect method, if you want to clear the entire canvas drawing area, what values are appropriate for the method's first two arguments?
Context.clearRect(top-left-x, top-left-y, width, height);

Accepted Answer

The clearRect method clears the specified rectangular area, making it fully transparent. To clear the entire canvas, you start from the top-left corner of the canvas, which is at coordinates (0, 0).

Question 4

Given the following syntax for the clearRect method, if you want to clear the entire canvas drawing area, what values are appropriate for the method's third and fourth arguments?
Context.clearRect(top-left-x, top-left-y, width, height);

Accepted Answer

To clear the entire canvas, you should use the canvas's width and height properties for the third and fourth arguments, respectively.

Question 5

To indicate the start of a path:

Accepted Answer

The `beginPath` method is used to start a new path by emptying the list of sub-paths.

Question 6

Which of the following is the context object property in charge of specifying vertical alignment for text in the canvas drawing area?

Accepted Answer

The `textBaseline` property of the canvas context object specifies the vertical alignment of the text relative to the given point.

Question 7

Given the following syntax for the arc method, the start-angle and end-angle arguments are the arc's starting and ending angles, in radians.
context.arc(x, y, radius, start-angle, end-angle, counterclockwise);

Accepted Answer

The arc method in the Canvas API uses radians for the start-angle and end-angle parameters to define the arc's starting and ending angles.

Question 8

If you would like your drawn rectangle's border to have a line width equal to the value specified by the lineWidth property, you should call the strokeRect method before the fillRect method.

Accepted Answer

The answer of If you would like your drawn rectangle's...

Question 9

When assigning colors for canvas shapes, you can use any of the color value formats that are used for CSS.

Accepted Answer

In web development, canvas shapes can be styled using CSS color formats such as named colors, HEX, RGB, RGBA, HSL, and HSLA.

Question 10

To adjust the number of pixels that position and size values represent, you can call the context object's ______ method.

Accepted Answer

The answer of To adjust the number of pixels that...

Quiz 12: Canvas

If you call ctx.scale(2, 2) and then call ctx.scale(1.5, 1.5) , what happens?

The standard way to clear the canvas drawing area is to call four of the context object's methods. What is the proper order for calling those methods?

Given the following syntax for the clearRect method, if you want to clear the entire canvas drawing area, what values are appropriate for the method's first two arguments? Context.clearRect(top-left-x, top-left-y, width, height) ;

Given the following syntax for the clearRect method, if you want to clear the entire canvas drawing area, what values are appropriate for the method's third and fourth arguments? Context.clearRect(top-left-x, top-left-y, width, height) ;

To indicate the start of a path:

Which of the following is the context object property in charge of specifying vertical alignment for text in the canvas drawing area?

Given the following syntax for the arc method, the start-angle and end-angle arguments are the arc's starting and ending angles, in radians. context.arc(x, y, radius, start-angle, end-angle, counterclockwise);

If you would like your drawn rectangle's border to have a line width equal to the value specified by the lineWidth property, you should call the strokeRect method before the fillRect method.

When assigning colors for canvas shapes, you can use any of the color value formats that are used for CSS.

To adjust the number of pixels that position and size values represent, you can call the context object's ______ method.