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

getContext('canvas')

Answer

getDrawingContext()

Answer

context2D()

Question 2

What does the canvas fillRect() method do?

Accepted Answer

Draws a filled rectangle at the specified position

Answer

Draws only the outline of a rectangle

Answer

Clears a rectangular area

Answer

Defines a clipping rectangle

Question 3

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

Accepted Answer

arc()

Answer

circle()

Answer

drawCircle()

Answer

ellipse()

Question 4

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

Accepted Answer

Starts a new drawing path, clearing any previous path

Answer

Begins a canvas fill operation

Answer

Initializes the canvas context

Answer

Opens a new canvas layer

Question 5

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

Accepted Answer

fillStyle

Answer

fillColor

Answer

shapeColor

Answer

paintStyle

Question 6

What does the canvas clearRect() method do?

Accepted Answer

Clears the specified rectangular area, making it transparent

Answer

Resets all canvas styles

Answer

Removes the canvas element from the DOM

Answer

Erases the last drawn shape only