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.
How can you create a gradient fill in SVG?
A). Using the <linearGradient>
or <radialGradient>
elements
B). Using the <pattern>
element
C). Applying CSS styles to SVG elements
D). Using the <filter>
element for gradients
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
What does SVG stand for?
A). Scalable Vector Graphics
B). Simple Vector Graphics
C). Scalable Visual Graphics
D). Scalable Vector Generation
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
What is the purpose of the <title>
element in SVG?
A). Provides a text description or tooltip for SVG elements
B). Sets the title of the SVG document
C). Defines the font family for text within SVG elements
D). Specifies the language of the SVG content
Which SVG element is used to create a rectangle?
A). <rect>
B). <circle>
C). <path>
D). <line>
What is the purpose of the stroke-linecap attribute in SVG?
A). Specifies the shape of the line endings
B). Determines the length of the dashed lines
C). Sets the color of the dashed lines
D). Defines the spacing between dashes
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 of the following is a best practice for creating SVG icons and illustrations?
A). Use semantic markup and optimize for performance
B). Use inline styles for all elements and attributes
C). Ignore accessibility considerations
D). Create separate SVG files for each icon