Scalable Vector Graphics/Basisfiguren: verschil tussen versies
Verwijderde inhoud Toegevoegde inhoud
Geen bewerkingssamenvatting |
Geen bewerkingssamenvatting |
||
Regel 2:
Voor alle figuren geldt dat:
* de (begin-)positie wordt bepaald door een stel coördinaten waarvan de waarde positief of negatief mag zijn
* waarden voor breedte, hoogte en straal - voorzover die bij de verschillende figuren van toepassing zijn - niet negatief mogen zijn
* de [[Scalable Vector Graphics/Stijl|stijl]] - o.a. lijndikte, lijnkleur en vulkleur - nader bepaald kan worden d.m.v. attributen als ''stroke-width'', ''stroke'' resp. ''fill''
* dat rotaties en vervormingen met het [[Scalable Vector Graphics/Transformaties|''transform'']]-attribuut mogelijk zijn
* de positie geheel of gedeeltelijk buiten de tekenruimte (het "canvas") mag vallen
Aan het [[Scalable Vector Graphics/
N.B.: In de code-voorbeelden zijn de stijl-attributen weggelaten.
Regel 11 ⟶ 14:
==Lijn==
[[Afbeelding:Line.svg|border|right|100px]]
Het ''line''-element tekent een rechte lijn tussen de beide opgegeven coördinaten-paren ''x1,y1'' resp. ''x2,y2''.
Tag: line<br />
Attributen:
Regel 51 ⟶ 56:
==Rechthoek==
Het ''rect''-element tekent een rechthoek waarvan de positie bepaald wordt door de coördinaten ''x'' en ''y'', en de afmetingen door ''width'' en ''height''.
De hoeken kunnen afgerond worden door de gewenste afrondingsstraal op te geven in ''rx'' en/of ''ry''. De verstekwaarde is 0 (nul), de hoeken worden dan niet afgerond. Als ''ry'' niet opgegeven wordt krijgt deze dezelfde waarde als ''rx'', en wordt de hoek afgerond met een kwart cirkel. Bij verschillende waarden in ''rx'' en ''ry'' wordt de afronding gevormd door een kwart ellips.
[[Afbeelding:Rect.svg|border|right|100px]]
Tag: rect<br />
| |||