Answer & Solution
<animate>
element is used to create animations in SVG. It allows you to animate attributes like x, y, width, height, fill, stroke, etc., to create dynamic and interactive SVG graphics.
<animate>
element is used to create animations in SVG. It allows you to animate attributes like x, y, width, height, fill, stroke, etc., to create dynamic and interactive SVG graphics.
What does the fill attribute specify in an SVG element?
A). Fill color
B). Stroke color
C). Border radius
D). Opacity
Which of the following is an advantage of using SVG?
A). Scalability
B). Limited color options
C). Large file sizes
D). Raster-based rendering
Which SVG element is used to create a rectangle?
A). <rect>
B). <circle>
C). <path>
D). <line>
How can you add accessibility to SVG graphics?
A). Use the <title>
and <desc>
elements for text descriptions
B). Embed SVG graphics as background images
C). Use inline styles for all SVG elements
D). Add CSS classes to SVG elements
What is the purpose of the viewBox attribute in SVG?
A). Defines the coordinate system and aspect ratio for the SVG
B). Specifies the fill color of an element
C). Sets the stroke color of an element
D). Determines the width and height of the SVG canvas
What does SVG stand for?
A). Scalable Vector Graphics
B). Simple Vector Graphics
C). Scalable Visual Graphics
D). Scalable Vector Generation
How can you optimize SVG files for web performance?
A). Remove unnecessary code and use compression techniques
B). Embed large images directly into the SVG file
C). Use high-resolution images for better quality
D). Use inline CSS styles for all SVG elements
What is the purpose of the <animate>
element in SVG?
A). Create animations for SVG elements
B). Apply filters to SVG graphics
C). Define gradients for SVG elements
D). Create interactive SVG maps
What is the purpose of the stroke-width attribute in SVG?
A). Specifies the width of the stroke
B). Determines the opacity of the stroke
C). Sets the color of the stroke
D). Defines the curvature of the stroke
How can you create a star shape in SVG?
A). Using the <polygon>
element with specific coordinates
B). Using the <circle>
element with a high r value
C). Using the <path>
element with predefined commands
D). Using the <rect>
element with rounded corners