Which technology is better for creating interactive graphics and animations?

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 technology uses a vector-based drawing model?

A). A. Canvas

B). B. SVG

C). C. Both Canvas and SVG

D). D. None of the above

Which technology is easier to export and manipulate with external programs?

A). A. Canvas

B). B. SVG

C). C. Both Canvas and SVG

D). D. Neither Canvas nor SVG

What type of elements does Canvas support?

A). A. Scalable vector shapes

B). B. Bitmap images

C). C. Interactive buttons

D). D. SVG paths

Which technology is supported by external libraries and frameworks for enhanced functionality?

A). A. Canvas

B). B. SVG

C). C. Both Canvas and SVG

D). D. Neither Canvas nor SVG

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

Which technology is more suitable for creating complex animations and effects?

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

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

How does SVG handle animations compared to Canvas?

A). A. Through JavaScript animations

B). B. Using CSS animations

C). C. With SVG-specific animation attributes

D). D. SVG does not support animations