Scalable Vector Graphics/Transformaties: verschil tussen versies
Verwijderde inhoud Toegevoegde inhoud
skelet |
|||
Regel 2:
==Roteren==
Een figuur of groep kan geroteerd worden d.m.v. de ''rotate''-opdracht in het ''transform''-attribuut. De parameter is een hoek, uitgedrukt in graden; negatieve waarden en decimale breuken zijn toegestaan.
{{Voorbeeld|1=
<rect ... transform="rotate(45)" />
}}
Het "draaipunt" voor deze opdracht is het nulpunt van het actieve coördinatensysteem, maar dat kan aangepast worden: de opdracht ''rotate'' accepteert twee extra parameters, die de ''x''- en ''y''-coördinaten van het gewenste draaipunt aangeven, uitgedrukt in pixels.
{{Voorbeeld|1=
<rect ... transform="rotate(45, 50, 50)" />
}}
Het resultaat is gelijk aan dat wat bereikt wordt door eerst een ''translate'' uit te voeren om het actieve nulpunt te verplaatsen naar (50, 50), en daarna de ''rotate''-opdracht te geven:
{{Voorbeeld|1=
<rect ... transform="translate(50, 50) rotate(45)" />
}}
==Schalen==
| |||