<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.
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
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 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 does the fill attribute specify in an SVG element?
A). Fill color
B). Stroke color
C). Border radius
D). Opacity
Which attribute is used to create animations in SVG?
A). <animate>
B). <motion>
C). <transform>
D). <transition>
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
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 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
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
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