HTML5 HTML5 Canvas and Graphics 3

Question 1

What is the key difference between SVG and HTML5 Canvas?

Accepted Answer

SVG is vector-based and DOM-accessible; Canvas is pixel-based and script-driven

Answer

Canvas supports XML; SVG does not

Answer

SVG renders faster for animations; Canvas is for static images

Answer

They are identical in rendering approach

Question 2

Which canvas property controls the transparency level of drawn shapes?

Accepted Answer

globalAlpha

Answer

opacity

Answer

transparency

Answer

alpha

Question 3

What does the canvas lineTo() method do?

Accepted Answer

Adds a straight line to the current path ending at the given point

Answer

Draws a visible line immediately

Answer

Moves the path cursor without drawing

Answer

Connects all previous path points

Question 4

Which canvas method moves the drawing cursor to a new position without drawing?

Accepted Answer

moveTo()

Answer

jumpTo()

Answer

setPosition()

Answer

cursor()

Question 5

What does the toDataURL() method on a canvas element return?

Accepted Answer

A Base64-encoded data URI of the canvas image

Answer

The canvas element's HTML string

Answer

A Blob object containing image data

Answer

The pixel array of the canvas

Question 6

Which canvas method is used to create a linear gradient?

Accepted Answer

createLinearGradient()

Answer

linearGradient()

Answer

addGradient()

Answer

makeGradient()