How do you rotate an SVG element by 90 degrees clockwise around its center point?
A). A) <rect x='50' y='50' width='100' height='50' transform='rotate(90, 100, 75)' />
B). B) <circle cx='50' cy='50' r='30' transform='rotate(90, 50, 50)' />
C). C) <ellipse cx='50' cy='50' rx='50' ry='30' transform='rotate(90, 75, 50)' />
D). D) <polygon points='100,20 20,100 180,100' transform='rotate(90, 100, 60)' />
How can you undo or reverse a transformation on an SVG element?
A). A) By removing the transform attribute
B). B) By setting the transformation values to their original state
C). C) By applying the opposite transformation effect
D). D) By using the reverse function in the transform attribute
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 is skewing applied to SVG elements?
A). A) By tilting an element along the X or Y axis
B). B) By translating an element along the X and Y axes
C). C) By resizing an element uniformly along the X and Y axes
D). D) By rotating an element around a specified point
What effect does combining rotation and translation transformations have on an SVG element?
A). A) It rotates the element around a specific point other than its center
B). B) It moves the element along the X and Y axes simultaneously
C). C) It tilts the element along the X or Y axis
D). D) It resizes the element uniformly along the X and Y axes
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
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 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 resize an SVG element to be twice its original size uniformly?
A). A) <rect x='20' y='20' width='100' height='50' transform='scale(2)' />
B). B) <circle cx='50' cy='50' r='30' transform='scale(2)' />
C). C) <line x1='20' y1='20' x2='100' y2='100' transform='scale(2)' />
D). D) <path d='M20,20 L100,100' transform='scale(2)' />
What effect does skewing an SVG element along the X axis have?
A). A) It rotates the element around a specific point
B). B) It moves the element along the X axis
C). C) It stretches the element along the X axis
D). D) It tilts the element along the X axis