HTML5 HTML5 Canvas and Graphics

Question 1

Which method is used to get a 2D drawing context from an HTML5 canvas element?

Accepted Answer

getContext('2d')

Answer

The getContext('2d') method returns a CanvasRenderingContext2D object used for drawing shapes, text, and images on the canvas.

Question 2

What does the canvas fillRect() method do?

Accepted Answer

Draws a filled rectangle at the specified position

Answer

The fillRect(x, y, width, height) method draws a filled solid rectangle using the current fillStyle.

Question 3

Which canvas method is used to draw an arc or circle?

Accepted Answer

arc()

Answer

The arc(x, y, radius, startAngle, endAngle, anticlockwise) method adds an arc to the current path, used to draw circles and circular shapes.

Question 4

What is the purpose of beginPath() in HTML5 Canvas?

Accepted Answer

Starts a new drawing path, clearing any previous path

Answer

The beginPath() method resets the current path so that subsequent path commands start fresh without connecting to old path segments.

Question 5

Which canvas property sets the color or style used to fill shapes?

Accepted Answer

fillStyle

Answer

The fillStyle property sets the color, gradient, or pattern used to fill shapes drawn on the canvas.

HTML5 - HTML5 Web Development Practice Test