Loading

Quipoin Menu

Learn • Practice • Grow

html / Transformation in SVG
mcq
Direction: Choose the correct option

Q1.

How do you apply transformations in SVG?
A. Using special tags
B. Using the transform attribute
C. Using CSS transforms
D. Using JavaScript only
Direction: Choose the correct option

Q2.

<rect x="0" y="0" width="100" height="100"
transform="translate(50,50)" />
Where does the rectangle draw?
A. At (0,0) but moved
B. At (0,0) ignoring transform
C. At (50,50) relative to original position
D. At (50,50) absolute
Direction: Choose the correct option

Q3.

What does rotate(45) in SVG do?
A. Rotates the entire SVG
B. Rotates the viewport
C. Rotates the element 45 degrees around its origin
D. Adds 45 to values
Direction: Choose the correct option

Q4.

How do you scale an SVG element?
A. scale(sx,sy) in transform attribute
B. size attribute
C. stretch attribute
D. zoom attribute
Direction: Choose the correct option

Q5.

What is the difference between rotate in SVG vs Canvas?
A. SVG doesn't support rotate
B. Both same
C. SVG rotates around element's center by default, Canvas around origin
D. Canvas rotates around center