Scalable Vector Graphics/Eigen vormen: verschil tussen versies

Verwijderde inhoud Toegevoegde inhoud
Sephiroth (overleg | bijdragen)
eerst maar even wat taalfouten er uit...
Regel 1:
Om niet vast te zitten aan de basis vormenbasisvormen is er ook een manier om je eigen vormen te maken aan de hand van de path-tag. Deze is niet beperkt tot rechte lijnen zoals de veellijn, maar kent ook verschillende krommen.
 
tagTag: path<br />
Attributen:
attributen:
{| class="prettytable"
|-
Regel 19:
 
==Commando's==
Deze commando's worden gebruikt in 'd'. Commando's kunnen gebruikt worden als hoofdletter of kleine letter. Hoofdletters geven aan dat het om een absolute waarde gaat en, kleine letters geveneen aanrelatieve datwaarde. hetN.B.: omDe relatievecommando's waarden'm' gaat.en Wordt'z' erkennen begonnengeen metrelatieve eenwaarden, relatievehet waardegebruik danvan wordthoofdletters dezeof gezienonderkast alsmaakt eenhier absolutegeen waardeverschil.
 
===Ga naar===
DeHet "ga naar" commando wordwordt gebruikt om naar een bepaald punt te gaan zonder iets te tekenen. Dit commando wordt aangeroepen bij 'M' of 'm' gevolgd door een x- en y -waarde geschijdengescheiden door een ','komma. Worden er meerdere x- en y waardes-waarden opgegeven dan worden deze gebruikt als 'lijn naar'.
 
===Sluit path===
Met "sluit path" word er aangegeven dat het path eindigdeindigt. Dit commando wordt aangeroepen bij 'Z' of 'z'. Beiden betekenbetekenen ze het zelfdehetzelfde.
 
===Lijn===
Met de "lijn naar" wordt een rechte lijn getekend van het punt waar we ons nu bevinden naar het opgegeven coördinaat. Dit commando wordt aangeroepen bij 'L' of 'l' gevolgd door de x en de y geschijdengescheiden door een ','komma.
 
===Horizontale lijn===
Een horizontalhorizontale lijn kun je tekenen aan de hand van 'H' of 'h' gevolgd door de x waarde.
 
===Verticale lijn===
Regel 38:
===Curve===
Gebogen lijnen teken je met behulp van 'C' en 'c'. Hier moeten we 3 punten opgeven (voor elk een x en y waarde).
*Eerste controle puntcontrolepunt voor het begin van de boog
*Tweede controle puntcontrolepunt voor het einde van de boog
*Eindpunt naar waarvan de boog getekend word
 
Een voorbeeld:
vb.<br />
{{Voorbeeld|1=
<span style='font-family: courier new'><path d="M5,105 C<span style='color: red'>5,5</span> <span style='color: blue'>155,5</span> <span style='color: green'>155,105</span>" stroke="black" fill="none" /></span><br />
<path d="M5,105 C 5,5 155,5 155,105" stroke="black" fill="none" />
}}
[[Afbeelding:Svg-path-gebogen lijn.svg]]
 
===Curve kort===
De korte versie van de gebogen lijn gebruik je via 'S' of 's'. Bij de korte versie word het eerste controle puntcontrolepunt niet meegegeven maar gereflecteerd op het tweede controle punt van de vorige boog. WordAls deze niet vooraf gegaan wordt door een boog wordwordt het eerste reflectiereflectiepunt punt gelijk gesteldgelijkgesteld aan het start puntstartpunt.
 
<span style='font-family: courier new'><path d="M5,105 C<span style='color: red'>5,5</span> <span style='color: blue'>155,5</span> <span style='color: green'>155,105</span>" S<span style='color: yellow'>305,205</span> <span style='color: mediumvioletred'>305,105</span>" stroke="black" fill="none" /></span><br />
{{Voorbeeld|1=
Eerste controle punt is de reflectie van <span style='color: blue'>155,5</span> en is in dit geval <span style='color: darkorchid'>155,2055</span><br />
<path d="M5,105 C 5,5 155,5 155,105 S 305,205 305,105" stroke="black" fill="none" />
}}
Het eerste controlepunt is de reflectie van 155,5 en is in dit geval 155,205.
 
[[Afbeelding:Svg-path-gebogen lijn kort.svg]]
 
===Quadratische curve===
Het commando is 'Q' of 'q'. Een quadratische curve is het zelfde als een gewoonegewone curve, maar het beginpunt en het eindpunt gebruiken dezelfdehetzelfde controle puntcontrolepunt.
 
===Quadratische curve kort===
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 controle puntcontrolepunt de reflectie is van het eindpunt van de vorige curve hoef je geen controle puntcontrolepunt mee te geven., Jeje hebt enkeleenkel de coördinaten van het laatste punt nodig.
 
===Boog===
Bij een boog wordwordt er eigentelijkeigenlijk een deel van een ellips getoond. Deze kun je tekentekenen via het commando 'A' of 'a'. Bij een boog komen heel wat argumenten kijken.
*rx, - de x-radeaalradiaal van de ovaal die word gebruikt om boog te tekenen
*ry, - de y-radeaalradiaal van de ovaal die word gebruikt om boog te tekenen
*x-as-rotatie, - de hoekrotatiehoek waarvan de ovaal onder staat.
*grootte-hoek-flag, - moet de grootste boog van de ovaal worden gebruikt is deze 1, bij de korte is deze 0
*richtigrichting-flag, - de richting hoevan de boog; moet0 lopen.(nul) Is hetgeeft een negetievenegatieve hoek is deze 0, bij1 een positieve hoek is dit 1
*x, - x-positie waar de hoek eindigdeindigt
*y, - y-positie waar de hoek eindigdeindigt
 
<span style='font-family: courier new'><path d="M 125,95 a100,50 45 0,1 100,50" fill="none" stroke="red" stroke-width="6" /></span><br />
{{Voorbeeld|1=
<span style='font-family: courier new'><path d="M 125,95 a100a 100,50 45 0,1 100,50" fill="none" stroke="red" stroke-width="6" /></span><br />
}}
[[Afbeelding:Svg-path-boog.svg]]
 
Regel 79 ⟶ 88:
| 'M' & 'm'
| x,y
| Beginpunt aangeven
| gaan naar het opgegeven punt.
|-
| 'Z' & 'z'
|
| Figuur afsluiten
| De kromme eindigen.
|-
| 'L' & 'l'
| x,y
| Rechte lijn tekenen.
|-
| 'H' & 'h'
| x
| Horizontale lijn tekenen.
|-
| 'V' & 'v'
| y
| Verticale lijn tekenen.
|-
| 'C' & 'c'
Regel 103 ⟶ 112:
| 'S' & 's'
| x2,y2, x,y
| Curve tekenen, kortverkorte notatie
|-
| 'Q' & 'q'
Regel 111 ⟶ 120:
| 'T' & 't'
| x,y
| Quadratische curve tekenen, kortverkorte notatie
|-
| 'A' & 'a'
| rx,ry x-as-rotatie grootte-hoek-flag,richtig richting-flag x,y
| Boog tekenen, kortverkorte notatie
|}
{{sub}}
Informatie afkomstig van https://nl.wikibooks.org Wikibooks NL.
Wikibooks NL is onderdeel van de wikimediafoundation.