SVG Referentiemanual
- Vorige pagina SVG Voorbeeld
- Volgende pagina SVG Cursus
SVG-elementen uit de W3C aanbevolen standaard (SVG Versie 1.1)
SVG-elementen
De link in de elementenlijst verwijst naar de relevante eigenschappen van het specifieke element en meer nuttige informatie.
Element | Beschrijving |
---|---|
a | Definieer een hyperlink |
altGlyph | Staat objectieve teksten toe om specifieke karaktergegevens weer te geven (bijvoorbeeld, muziektekens of Aziatische teksten) |
altGlyphDef | Definieer een reeks van symbolische symbolen voor vervanging (bijvoorbeeld, muziektekens of Aziatische teksten) |
altGlyphItem | Definie een reeks van vervangende symbolische symbolen |
animate | Verandert eigenschappen dynamisch over de tijd |
animateColor | Stelt een kleurconversie gedurende de tijd voor |
animateMotion | Beweegt het element langs de actiepad |
animateTransform | Voert een dynamische eigenschapsconversie uit op het element |
circle | Definieert een cirkel |
clipPath | |
color-profile | Stelt een beschrijving van de kleurconfiguratie voor |
cursor | Definieert een cursor die onafhankelijk is van het platform |
definition-src | Definieert een afzonderlijke bron voor een lettertype-definitie |
defs | Container voor het element dat wordt geciteerd |
desc | Een puur tekstbeschrijving van het element in SVG - wordt niet als onderdeel van het grafiekweergave. De gebruikersagent toont het als een tooltip. |
ellipse | Definieert een ovaal |
feBlend | SVG-filter. Gebruikt verschillende mengmodi om twee objecten samen te voegen. |
feColorMatrix | SVG-filter. Past een matrix-conversie toe. |
feComponentTransfer | SVG-filter. Voert een component-wise hermapping van gegevens uit. |
feComposite | SVG-filter. |
feConvolveMatrix | SVG-filter. |
feDiffuseLighting | SVG-filter. |
feDisplacementMap | SVG-filter. |
feDistantLight | SVG-filter. Definieert een lichtbron |
feFlood | SVG-filter. |
feFuncA | SVG-filter. Sub-element van feComponentTransfer. |
feFuncB | SVG-filter. Sub-element van feComponentTransfer. |
feFuncG | SVG-filter. Sub-element van feComponentTransfer. |
feFuncR | SVG-filter. Sub-element van feComponentTransfer. |
feGaussianBlur | SVG-filter. Voert een Gaussische verwarring uit op het beeld. |
feImage | SVG-filter. |
feMerge | SVG-filter. Maakt een cumulatief beeld. |
feMergeNode | SVG-filter. Sub-element van feMerge. |
feMorphology | SVG-filter. Voert "verdikken" of "verfijnen" uit op de bron van het grafiek. |
feOffset | SVG-filter. Beweegt het beeld ten opzichte van de huidige positie van het grafiek. |
fePointLight | SVG-filter. |
feSpecularLighting | SVG-filter. |
feSpotLight | SVG-filter. |
feTile | SVG-filter. |
feTurbulence | SVG-filter. |
filter | Container voor filtereffecten. |
font | Definieert een lettertype. |
font-face | Beschrijft de kenmerken van een lettertype. |
font-face-format | |
font-face-name | |
font-face-src | |
font-face-uri | |
foreignObject | |
g | Gebruikt om relevante elementen te combineren in een container-element. |
glyph | Definieert het grafiek voor een gegeven pictogram. |
glyphRef | Definieert de mogelijke pictogrammen die gebruikt kunnen worden. |
hkern | |
image | |
line | Definieert een lijn. |
linearGradient | Definieert een lineair verloop. |
marker | |
mask | |
metadata | Stelt metadata. |
missing-glyph | |
mpath | |
path | Definieert een pad. |
pattern | |
polygon | Definieert een gesloten vorm bestaande uit een reeks verbonden lijnen. |
polyline | Definieert een reeks verbonden lijnen. |
radialGradient | Definieert een radiaal verloop. |
rect | Definieert een rechthoek. |
script | Scriptcontainer (bijv. ECMAScript). |
set | Stelt een waarde in voor een eigenschap met een gespecificeerde duur. |
stop | |
style | Maakt het mogelijk om een stijlblad direct in het SVG-inhoud te embedden. |
svg | Definieert een fragment van een SVG-document. |
switch | |
symbol | |
text | |
textPath | |
title | Een puur tekstbeschrijving van het element in SVG - wordt niet als onderdeel van het grafiekweergave. De gebruikersagent toont het als een tooltip. |
tref | |
tspan | |
use | |
view | |
vkern |
- Vorige pagina SVG Voorbeeld
- Volgende pagina SVG Cursus