HTML5 HTML5 Canvas and Graphics 2

Question 1

Which method is called to render the current path as a filled shape on the canvas?

Accepted Answer

fill()

Answer

The fill() method fills the current path with the current fillStyle, rendering the interior of the shape.

Question 2

What does the canvas stroke() method do?

Accepted Answer

Draws the outline of the current path using strokeStyle

Answer

The stroke() method draws the outline of the current path using the current strokeStyle and lineWidth settings.

Question 3

Which canvas method draws an image onto the canvas?

Accepted Answer

drawImage()

Answer

The drawImage() method draws an image, canvas, or video onto the canvas at a specified position, with optional sizing and cropping.

Question 4

What does the canvas save() method do?

Accepted Answer

Saves the entire state of the canvas context to a stack

Answer

The save() method pushes the current canvas state (transforms, styles, clipping) onto a stack so it can be restored later with restore().

Question 5

The canvas rotate() method rotates the canvas by:

Accepted Answer

An angle specified in radians

Answer

The rotate(angle) method rotates the canvas transformation matrix by the given angle measured in radians.

HTML5 - HTML5 Web Development Practice Test