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 is translation in SVG transformations?
A). A) Moving an SVG element along the X and Y axes
B). B) Rotating an SVG element around a specified point
C). C) Resizing an SVG element uniformly along the X and Y axes
D). D) Tilting an SVG element along the X or Y axis
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 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 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 is the purpose of combining transformations in SVG?
A). A) To apply multiple effects simultaneously
B). B) To change the color of an element
C). C) To resize an element uniformly along the X and Y axes
D). D) To rotate an element around a specified point
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
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 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)' />
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