Transformations SVG

Adapté de la recommandation SVG du W3C

Rotation et changement d'échelle

Example RotateScale - Rotate and scale transforms t(50,30) r(30) r(30) t(50,30) r(30, 50,30) t(50,30) s(1.5) s(1.5)t(50,30)

Viewbox

Rectangle (5,2,10,5) dans viewport (200,100) sans viewbox

Rectangle (5,2,10,5) dans viewport (200,100) avec viewbox (0,0,20,10)

Rectangle (5,2,10,5) dans viewport (200,100) avec viewbox (-2,-2,20,10)

Rectangle (5,2,10,5) dans viewport (200,100) avec viewbox (0,0,10,10) avec et sans préservation du ratio

Ajustements automatiques sans préservation des rapports des échelles

Example ViewBox - uses the viewBox attribute to automatically create an initial user coordinate system which causes the graphic to scale to fit into the viewport no matter what size the viewport is. 1500 1000 750,100 250,900 1250,900 300x200 150x200

Préservation des rapports des échelles

Coupure ou rencontre xMidYMid

150x200 slice 150x200 meet