<rect> element is used to create rectangles in SVG. It takes attributes like x, y, width, height, fill, stroke, etc., to define the rectangle's position, size, and appearance.
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
Which attribute is used to create animations in SVG?
A). <animate>
B). <motion>
C). <transform>
D). <transition>
What does the fill attribute specify in an SVG element?
A). Fill color
B). Stroke color
C). Border radius
D). Opacity
What does SVG stand for?
A). Scalable Vector Graphics
B). Simple Vector Graphics
C). Scalable Visual Graphics
D). Scalable Vector Generation
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 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 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
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 <defs> element in SVG?
A). Defines reusable elements and gradients
B). Specifies the document type
C). Declares the document's width and height
D). Specifies the SVG version
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