Scalable Vector Graphics/Transformaties: verschil tussen versies

Verwijderde inhoud Toegevoegde inhoud
daar moet dus nog een tekening bij....
Geen bewerkingssamenvatting
Regel 1:
In het ''transform''-attribuut van een figuur, tekst-element of groep kunnen opdrachten gegeven worden die een vervorming of verplaatsing tot gevolg hebben. Per element is één ''transform''-attribuut toegestaan, dat echter meerdere opdrachten kan bevatten, die elk ook meer dan eens gebruikt mogen worden; deze worden uitgevoerd in de opgegeven volgorde.
 
;Syntax
Regel 5:
 
==Roteren==
Een figuur, tekst-element 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)" />
Regel 19:
 
==Schalen==
Figuren, tekst-elementen (en groepen van figuren) kunnen vergroot en verkleind worden met de ''scale''-opdracht. Als één waarde - uitgedrukt in pixels - opgegeven wordt zal deze worden toegepast op de x- en y-as.
{{Voorbeeld|1=
<rect ... transform="scale(2)" />
Regel 30:
 
==Verplaatsen==
Een figuur, tekst-element of groep van figuren kan verplaatst worden met de ''translate''-opdracht. Deze vraagt een of twee parameters, t.w. ''x'' resp. ''x'' en ''y'', uitgedrukt in pixels. Wanneer alleen ''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=
Regel 42:
 
==Vervormen==
Een figuur, tekst-element (of groep van figuren) kan schuin vervormd worden met een van de twee ''skew''-opdrachten: horizontaal met ''skewX'', verticaal met ''skewY''. Deze opdrachten vragen een parameter die de gewenste hoek opgeeft (in graden), de vervorming wordt uitgevoerd ten opzichte van het actieve nulpunt in het actieve coördinatensysteem.<br />
Een rechthoek bijvoorbeeld zal met ''skewX'' tot een parallelogram omgevormd worden, waarbij de staande zijden een hoek gaan vormen met de liggende zijden, gelijk aan de opgegeven hoek, maar de hoogte van de figuur gelijk blijft. Een cirkel zal vervormd worden tot een ovaal.<br />N.B.: Het "draaipunt" van de vervorming is ook hier het actieve nulpunt van de afbeelding; dit kan tijdelijk veranderd worden door voor en na de ''skew''-opdracht een ''translate'' toe te passen.<br />
{{Voorbeeld|1=
Informatie afkomstig van https://nl.wikibooks.org Wikibooks NL.
Wikibooks NL is onderdeel van de wikimediafoundation.