Which technology is better for creating interactive graphics and animations?

Which technology is more suitable for creating interactive maps and data visualizations?

A). A. Canvas

B). B. SVG

C). C. Both Canvas and SVG

D). D. Neither Canvas nor SVG

Which technology is more suitable for creating high-quality scalable graphics?

A). A. Canvas

B). B. SVG

C). C. Both Canvas and SVG

D). D. Neither Canvas nor SVG

How does Canvas handle transparency and overlapping elements?

A). A. By adjusting z-index

B). B. By using CSS opacity

C). C. Through blending modes

D). D. It does not handle transparency

Which attribute is used to define the width and height of an SVG element?

A). A. size

B). B. dimensions

C). C. viewBox

D). D. width and height

How does Canvas handle text rendering?

A). A. As vector-based text

B). B. As bitmap-based text

C). C. Using external font libraries

D). D. None of the above

Which technology allows direct access to individual elements after drawing?

A). A. Canvas

B). B. SVG

C). C. Both Canvas and SVG

D). D. Neither Canvas nor SVG

How does Canvas render graphics?

A). A. Using vector-based coordinates

B). B. Using bitmap-based pixels

C). C. Using SVG paths

D). D. Using CSS styles

How does SVG handle resizing and scaling of graphics?

A). A. Lossy scaling

B). B. Pixelation

C). C. Lossless scaling

D). D. No scaling support

Which technology is more suitable for dynamic rendering of data-driven visualizations?

A). A. Canvas

B). B. SVG

C). C. Both Canvas and SVG

D). D. Neither Canvas nor SVG

What is the primary purpose of HTML5 Canvas?

A). A. Creating scalable vector graphics

B). B. Rendering bitmap-based graphics

C). C. Storing data

D). D. Handling events