Scalable Vector Graphics/Stijl: verschil tussen versies
Verwijderde inhoud Toegevoegde inhoud
Geen bewerkingssamenvatting |
|||
Regel 1:
De vorm en kleur van de elementen wordt bepaald door een aantal attributen, die onder "stijl" samengevat kunnen worden. In alle gevallen geldt dat de waarde als zelfstandig attribuut danwel als stijl-element mag worden opgegeven.
==Kleur-attributen==
===fill===▼
Bepaalt de kleur waarmee het element opgevuld wordt. De kleur mag worden opgegeven als HTML-kleurnaam, HTML-kleurcode of RGB-kleurcode. De verstekwaarde is "black".▼
{{Voorbeeld|1=▼
<circle cx="100" cy="75" r="50" stroke="red" stroke-width="4" fill="red" />▼
}}▼
===fill-opacity===▼
De waarde in ''fill-opacity'' is bepalend voor de mate van doorzichtigheid van de kleur waarmee de figuur opgevuld wordt. Deze mag waarden tussen 0 (nul) en 1 toegekend krijgen, waarbij 0 totale transparantie tot gevolg heeft.▼
*Optioneel▼
*Default: 1▼
*Waarden: 0 .. 1▼
De waarde in ''opacity'' is bepalend voor de mate van doorzichtigheid waarmee de gehele figuur getekend wordt, en is dus a.h.w. een combinatie van ''stroke-opacity'' en ''fill-opacity''. De waarde tussen 0 (nul) en 1 liggen, waarbij 0 totale transparantie tot gevolg heeft.▼
*Optioneel▼
*Default: 1▼
*Waarden: 0 .. 1▼
===stroke===
Regel 10 ⟶ 29:
}}
===stroke-
De waarde in ''stroke-opacity'' is bepalend voor de mate van doorzichtigheid waarmee de lijn getekend wordt. Deze mag waarden tussen 0 (nul) en 1 toegekend krijgen, waarbij 0 totale transparantie tot gevolg heeft.▼
Bepaalt de dikte van de rand van een element.▼
*Optioneel
*Default:
*Waarden: 0 .. 1▼
*Eenheid: px (default), em, in, mm, %▼
▲{{Voorbeeld|1=
▲<circle cx="100" cy="75" r="50" stroke="red" stroke-width="4" />
▲}}
==Vorm-attributen==
===stroke-dasharray===
Een reeks getallen, gescheiden door komma's, geeft een patroon van stippen, strepen of een combinatie daarvan aan de omlijning van elementen. De opgegeven waarden worden herhaald toegepast op de totale lengte van de lijn. De oneven waarden bepalen de lengte van de zichtbare delen, de even waarden die van de niet zichtbare delen. Oneven aantallen opgegeven waarden leiden tot een afwisselend positief en negatief patroon: een waarde van b.v. "20, 10, 5" wordt uitgevoerd als "20, 10, 5, 20, 10, 5".<br />
Regel 35 ⟶ 52:
*Eenheid: px (default), em, in, mm, %
===stroke-
▲Bepaalt de dikte van de rand van een element.
▲De waarde in ''stroke-opacity'' is bepalend voor de mate van doorzichtigheid waarmee de lijn getekend wordt. Deze mag waarden tussen 0 (nul) en 1 toegekend krijgen, waarbij 0 totale transparantie tot gevolg heeft.
*Optioneel
*Default:
▲*Eenheid: px (default), em, in, mm, %
▲*Waarden: 0 .. 1
▲===fill===
▲Bepaalt de kleur waarmee het element opgevuld wordt. De kleur mag worden opgegeven als HTML-kleurnaam, HTML-kleurcode of RGB-kleurcode. De verstekwaarde is "black".
{{Voorbeeld|1=
<circle cx="100" cy="75" r="50" stroke="red" stroke-width="4
}}
==
▲De waarde in ''fill-opacity'' is bepalend voor de mate van doorzichtigheid van de kleur waarmee de figuur opgevuld wordt. Deze mag waarden tussen 0 (nul) en 1 toegekend krijgen, waarbij 0 totale transparantie tot gevolg heeft.
▲*Optioneel
▲*Default: 1
▲*Waarden: 0 .. 1
▲===opacity===
▲De waarde in ''opacity'' is bepalend voor de mate van doorzichtigheid waarmee de gehele figuur getekend wordt, en is dus a.h.w. een combinatie van ''stroke-opacity'' en ''fill-opacity''. De waarde tussen 0 (nul) en 1 liggen, waarbij 0 totale transparantie tot gevolg heeft.
▲*Optioneel
▲*Default: 1
▲*Waarden: 0 .. 1
▲===style===
Eigenschappen als fill, stroke en stroke-width kunnen ook in het style-attribuut gecombineerd worden:
{{Voorbeeld|1=
| |||