Scalable Vector Graphics/Eigen vormen: verschil tussen versies

Verwijderde inhoud Toegevoegde inhoud
Geen bewerkingssamenvatting
Regel 7:
}}
 
In het ''d''-attribuut kunnen verschillende commando's worden gebruikt, om rechte danwel gebogen lijndelen te laten tekenen. CommandoAlle commando's kunnen gebruiktopgegeven worden als hoofdletter of kleine letter:
*een hoofdletter geeft aan dat met de opgegeven coördinaten een absolute waarde bedoeld wordt, d.w.z. de werkelijke positie in het huidige actieve coördinatensysteem;
*een kleine letter betekent een relatieve waarde, dus gemeten ten opzichte van het laatst getekende punt.
N.B.: Voor het commando "sluit path" maakt het geen verschil of een hoofd- of kleine letter wordt geschreven, evenals voor het eerste "ga naar"-commando in een path.
 
==Ga naar==
TekenCommando: '''M''' of '''m'''<br />
Waarden: ''x'',''y''
 
Regel 21 ⟶ 22:
Worden er meerdere ''x''- en ''y''-waarden opgegeven dan worden deze uitgevoerd als 'lijn naar', dus alsof er een ''l'' of ''L'' voor stond. N.B.: De keuze tussen relatieve en absolute verplaatsing is in dat geval gelijk aan die van het "ga naar"-commando.
 
==Sluit pathLijn==
Commando: '''L''' of '''l'''<br />
Met "sluit path" wordt het einde van een path aangegeven; het commando is ''Z'' of ''z'', beiden hebben als resultaat dat er een rechte lijn getekend wordt vanaf het laatst getekende punt naar het beginpunt van de figuur.
Waarden: ''x'',''y''
 
==Lijn==
Met "lijn" wordt een rechte lijn getekend van het laatst getekende punt naar de opgegeven positie. Dit commando wordt aangeroepen met ''L'' of ''l'', gevolgd door ''x'' en ''y'', gescheiden door een komma.
 
==Horizontale lijn==
Commando: '''H''' of '''h'''<br />
Waarde: ''x''
 
Het ''H''-commando tekent een horizontale lijn van het laatst getekende punt naar het opgegeven ''x''-coördinaat.
 
==Verticale lijn==
Commando: '''V''' of '''v'''<br />
Waarde: ''y''
 
Het ''V''-commando tekent een verticale lijn van het laatst getekende punt naar het opgegeven ''y''-coördinaat.
 
==Curve==
Commando: '''C''' of '''c'''<br />
Waarden: ...
 
[[Afbeelding:Svg-path-gebogen lijn.svg|right|100px]]
Gebogen lijnen teken je met behulp van 'C' en 'c'. Hier moeten we 3 punten opgeven (voor elk een x- en y-waarde).
Regel 46 ⟶ 56:
 
==Curve kort==
Commando: '''S''' of '''s'''<br />
Waarden: ...
 
[[Afbeelding:Svg-path-gebogen lijn kort.svg|right|200px]]
De korte versie van de gebogen lijn gebruik je via 'S' of 's'. Bij de korte versie word het eerste controlepunt niet meegegeven maar gereflecteerd op het tweede controlepunt van de vorige boog. Als deze niet vooraf gegaan wordt door een boog wordt het eerste reflectiepunt gelijkgesteld aan het startpunt.
Regel 55 ⟶ 68:
 
==Quadratische curve==
Commando: '''Q''' of '''q'''<br />
Het commando is 'Q' of 'q'. Een quadratische curve is het zelfde als een gewone curve, maar begin- en het eindpunt gebruiken in dit geval hetzelfde controlepunt.
Waarden: ...
 
Het commando is 'Q' of 'q'. Een quadratische curve is het zelfde als een gewone curve, maar begin- en het eindpunt gebruiken in dit geval hetzelfde controlepunt.
 
==Quadratische curve kort==
Commando: '''T''' of '''t'''<br />
Waarden: ...
 
De korte versie van de quadratische curve roep je op via 'T' of 't'. Dit is een mix van de gewone quadratische curve en de korte versie van de gewone curve. Omdat het controlepunt de reflectie is van het eindpunt van de vorige curve hoef je geen controlepunt mee te geven, je hebt enkel de coördinaten van het laatste punt nodig.
 
==Boog==
Commando: '''A''' of '''a'''<br />
Waarden: ...
 
[[Afbeelding:Svg-path-boog.svg|right|150px]]
Bij een boog wordt er eigenlijk een deel van een ellips getoond. Deze kun je tekenen via het commando 'A' of 'a'. Bij een boog komen heel wat argumenten kijken.
*rx -: de x-radiaal van de ovaal die wordt gebruikt om de boog te tekenen
*ry -: de y-radiaal van de ovaal die wordt gebruikt om de boog te tekenen
*x-as-rotatie -: de rotatiehoek van de ovaal
*grootte-hoek-flag -: moet de grootste boog van de ovaal worden gebruikt is deze 1, bij de korte is deze 0
*richting-flag -: de richting van de boog; 0 (nul) geeft een negatieve hoek, 1 een positieve
*x -: x-positie waar de hoek eindigt
*y -: y-positie waar de hoek eindigt
 
Het rode deel van de krommen in het voorbeeld wordt als volgt gemaakt:
Regel 75 ⟶ 97:
<path d="M 125,95 a 100,50 45 0,1 100,50" fill="none" stroke="red" stroke-width="6" />
}}
 
==Sluit path==
Commando: '''Z''' of '''z'''<br />
Waarden: geen
 
Met "sluit path" wordt het einde van een path aangegeven; het commando is ''Z'' of ''z'', beiden hebben als resultaat dat er een rechte lijn getekend wordt vanaf het laatst getekende punt naar het beginpunt van de figuur.
 
==Samengevat==
Informatie afkomstig van https://nl.wikibooks.org Wikibooks NL.
Wikibooks NL is onderdeel van de wikimediafoundation.