Scalable Vector Graphics/Transformaties: verschil tussen versies
Verwijderde inhoud Toegevoegde inhoud
Geen bewerkingssamenvatting |
|||
Regel 27:
==Verplaatsen==
Een figuur of groep van figuren kan verplaatst worden met de ''translate''-opdracht. Deze vraagt een of twee parameters, t.w. ''x'' resp. ''x'' en ''y''. Wanneer salleen ''x'' wordt opgegeven zal de waarde voor ''y'' op 0 (nul) gesteld worden.<br />
De verplaatsing wordt uitgevoerd met het opgegeven aantal pixels, gerekend vanaf het actieve nulpunt van het canvas, doorgaans is dat linksboven.<br />
{{Voorbeeld|1=
<rect ... transform="translate(50, 50)" />
}}
De opdracht ''translate'' moet soms gebruikt worden om het coördinatensysteem tijdelijk aan te passen ten behoeve van een bewerking op een object, zoals roteren, schalen of vervormen. Als dit het geval is, moet na de betreffende bewerking nogmaals een ''translate''-opdracht gegeven worden, nu met de inverse van de waarden.<br />
In het volgende voorbeeld moet een cirkel, waarvan het middelpunt op (50, 50) ligt, met 25% vergroot worden. De eerste ''translate'' verplaatst het actieve nulpunt tijdelijk naar het middelpunt van de cirkel, en na de ''scale''-opdracht zorgt de ''translate'' met dezelfde negatieve waarden voor ''x'' en ''y'' dat de figuur niet tevens verplaatst wordt in de uiteindelijke afbeelding.
{{Voorbeeld|1=
<circle ... transform="translate(50, 50) scale(1.25) translate(-50, -50)" />
}}
| |||