What is the primary purpose of SVG patterns?
A). Adding interactivity to SVG elements
B). Creating animations in SVG
C). Filling shapes with repeating images or textures
D). Applying filters to SVG graphics
Which types of images or textures can be used in SVG patterns?
A). Any image or texture file supported by SVG
B). Only vector images
C). Only PNG images
D). Only GIF animations
How do you repeat an image within an SVG pattern?
A). By adjusting the width and height attributes of the <pattern>
element
B). By setting the repeat attribute to true
C). By using the <image>
element within the pattern
D). By setting the repeat attribute in the <image>
element within the pattern
How is an SVG pattern defined within an SVG document?
A). Using the <pattern>
element
B). Using the <rect>
element
C). Using the <circle>
element
D). Using the <image>
element
What do the x and y attributes in an SVG pattern define?
A). The starting position of the pattern
B). The width and height of the pattern
C). The rotation angle of the pattern
D). The color of the pattern
What happens if you set the patternContentUnits attribute to objectBoundingBox in an SVG pattern?
A). The pattern units are relative to the bounding box of the shape
B). The pattern units are relative to the entire SVG canvas
C). The pattern units are relative to the parent container
D). The pattern units are relative to the pattern itself
Can SVG patterns be animated?
A). Yes, using CSS animations
B). No, SVG patterns are static
C). Yes, using SVG animation elements
D). Only if they are raster-based patterns
What does the patternUnits attribute in an SVG pattern specify?
A). The coordinate system for the pattern
B). The position of the pattern within the shape
C). The units used for measuring the pattern's size
D). The rotation angle of the pattern
How can you fill a shape with an SVG pattern?
A). By setting the fill attribute to the pattern ID
B). By setting the stroke attribute to the pattern ID
C). By setting the background attribute to the pattern ID
D). By setting the color attribute to the pattern ID
How do you create a textured background in SVG using patterns?
A). By applying a CSS background-image property
B). By defining an SVG pattern with a repeating texture image
C). By using a
D). By applying a filter effect to the SVG background