<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 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
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
How can you create a dashed line in SVG?
A). Using the stroke-dasharray attribute
B). Using the stroke-dashoffset attribute
C). Applying a filter to the <line> element
D). Using the line-style property in CSS
How can you add text to an SVG graphic?
A). Using the <text> element
B). Using the <shape> element
C). Using the <caption> element
D). Using the <description> element
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
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
Which of the following is true about SVG sprites?
A). Combines multiple SVG icons into a single file
B). Converts SVG graphics into raster images
C). Increases loading times for web pages
D). Supports only static SVG graphics
Which of the following is an advantage of using SVG?
A). Scalability
B). Limited color options
C). Large file sizes
D). Raster-based rendering
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
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