How do you scale an SVG element non-uniformly, stretching it along the X and Y axes differently?
A). A) By using the scaleXY transformation with separate X and Y scaling values
B). B) By applying different scaling factors to the X and Y axes
C). C) By using the stretch transformation with X and Y scaling values
D). D) By rotating the element around its center point
How can you adjust the rotation angle of an SVG element incrementally using CSS animations?
A). A) By defining keyframes for gradual angle changes
B). B) By using the rotate property in CSS with an angle value
C). C) By applying a transformation function to the rotation attribute
D). D) By specifying a duration for the rotation transformation
How can you combine rotation and scaling transformations on an SVG element?
A). A) <circle cx='50' cy='50' r='30' transform='rotate(45) scale(1.5)' />
B). B) <rect x='20' y='20' width='100' height='50' transform='rotate(45) scale(1.5)' />
C). C) <polygon points='100,20 20,100 180,100' transform='rotate(45) scale(1.5)' />
D). D) <ellipse cx='50' cy='50' rx='50' ry='30' transform='rotate(45) scale(1.5)' />
How do you translate an SVG element 50 units to the right and 20 units down?
A). A) <rect x='20' y='20' width='100' height='50' transform='translate(50, 20)' />
B). B) <circle cx='50' cy='50' r='30' transform='translate(50, 20)' />
C). C) <ellipse cx='50' cy='50' rx='50' ry='30' transform='translate(50, 20)' />
D). D) <line x1='20' y1='20' x2='100' y2='100' transform='translate(50, 20)' />
What effect does skewing have on an SVG element?
A). A) It changes an element's position along the X and Y axes
B). B) It tilts an element along the X or Y axis
C). C) It rotates an element around a specified point
D). D) It resizes an element uniformly along the X and Y axes
What is the purpose of the transform-origin property in CSS for SVG elements?
A). A) It sets the initial position of an SVG element
B). B) It defines the transformation origin point
C). C) It specifies the color of an SVG element
D). D) It determines the fill pattern for an SVG element
How do you rotate an SVG element around a specific point other than its center?
A). A) By using the rotate transformation with the desired angle
B). B) By specifying the rotation angle in degrees
C). C) By adding the point coordinates to the rotate transformation
D). D) By translating the element to the desired point before rotating
How can you combine multiple transformations on an SVG element using CSS?
A). A) By stacking transformation functions in the transform property
B). B) By using separate CSS properties for each transformation
C). C) By defining multiple transform attributes for the element
D). D) By applying a transition effect to each transformation
What does scaling do in SVG transformations?
A). A) It rotates an SVG element
B). B) It resizes an SVG element uniformly along the X and Y axes
C). C) It skews an SVG element along the X or Y axis
D). D) It translates an SVG element along the X and Y axes
How is rotation applied to SVG elements?
A). A) By adjusting the size of an element uniformly
B). B) By changing an element's position along the X and Y axes
C). C) By rotating an element around a specified point
D). D) By changing the color of an element