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
{{Voorbeeld|1=
<rect ... transform="scale(2)" />
Regel 30:
==Verplaatsen==
Een figuur, tekst-element of groep
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
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=
|