Application of Linear Algebra: SVG Transformations
Demonstrating how a
Matrix Transformation
manipulates vector graphics.
(0, 0)
(100, 0)
(0, 100)
(100, 100)
SVG OBJECT
Transformation Matrix
1
0
0
0
1
0
0
0
1
Rotation (Degrees):
a:
(Scale X / Cos)
b:
(Skew Y / Sin)
c:
(Skew X / -Sin)
d:
(Scale Y / Cos)
e:
(Trans X)
f:
(Trans Y)
Presets
Identity
<g transform="
matrix(1, 0, 0, 1, 0, 0)
">
Square Corner Coordinates
Top-Left:
(0, 0)
Top-Right:
(100, 0)
Bottom-Left:
(0, 100)
Bottom-Right:
(100, 100)