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
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 can you create a seamless repeating pattern in SVG?
A). By adjusting the size and position of the pattern units
B). By using a single pattern unit
C). By setting the repeat attribute to true
D). By using multiple patterns with the same image
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
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 is the purpose of the patternContentUnits attribute in an SVG pattern?
A). It specifies the units for measuring the pattern's content
B). It defines the position of the pattern within the shape
C). It sets the color palette for the pattern
D). It adjusts the opacity of the pattern
How can you adjust the size of an SVG pattern to fill a shape?
A). By changing the width and height attributes in the <pattern> element
B). By setting the scale attribute in the shape to the desired size
C). By using a CSS transformation on the pattern
D). By adjusting the viewBox attribute in the SVG element
What is the advantage of using SVG patterns over plain colors for filling shapes?
A). SVG patterns allow for more precise color control
B). SVG patterns reduce file size compared to colors
C). SVG patterns provide flexibility in texture and design
D). SVG patterns improve rendering performance
How can you rotate an SVG pattern to create a diagonal pattern effect?
A). By using the rotate attribute in the <pattern> element
B). By setting the angle attribute in the <pattern> element
C). By applying a CSS rotation to the pattern
D). By setting the transform attribute to rotate() in the shape
What does the patternTransform attribute in an SVG pattern do?
A). It applies a transformation matrix to the pattern
B). It sets the blend mode for the pattern
C). It adjusts the opacity of the pattern
D). It specifies the rotation angle of the pattern