SVG Referentie Handboek

SVG element

Element Description
<a> Create a link that encloses the SVG element.
<altGlyph> Provide control over the glyphs used to present specific character data.
<altGlyphDef> Define a substitution set for glyphs.
<altGlyphItem> Define a candidate set for glyph substitution.
<animate> Define how an element's attributes change over time.
<animateMotion> Move the referenced element along the motion path.
<animateTransform> Animate the transformation attributes of the target element to allow animation control of translation, scaling, rotation, and/or skewing.
<circle> Define a circle.
<clipPath> Define a clipping path.
<color-profile> Specify the color profile description (when using CSS to set the document style).
<cursor> Define a custom cursor independent of the platform.
<defs> Define the container of the referenced element.
<desc> Define a pure text description of SVG container elements or graphic elements.
<ellipse> Define an ellipse.
<feBlend> Combine two objects together using a certain blending mode.
<feColorMatrix> SVG filter. Apply matrix transformation.
<feComponentTransfer> SVG filter. Voert een component gebaseerde hermapping van de gegevens uit.
<feComposite> SVG filter. Voert een slimme pixelcombinatie uit op twee invoerbeelden.
<feConvolveMatrix> SVG filter. Past een matrix convolve filter effect toe.
<feDiffuseLighting> SVG filter. Lichtbeeld, gebruikt de alpha-kanaal als verheffingskaart.
<feDisplacementMap> SVG filter. Projeceert vervorming.
<feDistantLight> SVG filter. Definieert de lichtbron.
<feFlood> SVG filter. Vult het gebied van het filter.
<feFuncA> SVG filter. Definieert een transformatiefunctie voor de transparantie (alpha) component van de invoergrafiiek.
<feFuncB> SVG filter. Definieert een transformatiefunctie voor de blauwe component van de invoergrafiiek.
<feFuncG> SVG filter. Definieert een transformatiefunctie voor de groene component van de invoergrafiiek.
<feFuncR> SVG filter. Definieert een transformatiefunctie voor de rode component van de invoergrafiiek.
<feGaussianBlur> SVG filter. Voert een Gaussische vervaging uit op het beeld.
<feImage> SVG filter. Haalt afbeeldingsgegevens van een externe bron op en biedt pixelgegevens als uitvoer.
<feMerge> SVG filter. Maakt overlappende lagen van afbeeldingen.
<feMergeNode> SVG filter. Onderdeel van feMerge.
<feMorphology> SVG filter. Voert 'verdikken' of 'verfijnen' uit op de bronfiguur.
<feOffset> SVG filter. Beweegt het beeld ten opzichte van de huidige positie.
<fePointLight> SVG filter.
<feSpecularLighting> SVG filter. Blijft het bronfiguur verlichten, gebruikt de alpha-kanaal als verheffingskaart.
<feSpotLight> SVG filter. Lichtbron element, gebruikt in SVG-bestanden.
<feTile> SVG filter. De invoerafbeelding is getekend, het resultaat wordt gebruikt om het doel te vullen.
<feTurbulence> SVG filter. Maakt afbeeldingen met behulp van de Perlin geluidfunctie.
<filter> Container voor filtereffecten.
<font> Definieert het lettertype.
<font-face> Beschrijft de kenmerken van het lettertype.
<font-face-format> Beschrijft het type van het lettertype dat gerefereerd wordt door de ouder <font-face-uri> element.
<font-face-name> Wees gericht op een lokale installatie van een lettertypekopie, herkend op basis van de lettertype naam.
<font-face-src> Equivalent to the @font-face attribute in the CSS specification.
<font-face-uri> Point to the current font defined remotely.
<foreignObject> Allow elements from different XML namespaces to be included.
<g> Used to group elements.
<glyph> Define the graphic of the given glyph.
<glyphRef> Define the possible glyphs that can be used.
<hkern> Fine-tune the horizontal distance between two carved characters.
<image> Define an image.
<line> Define a line.
<linearGradient> Define a linear gradient.
<marker> Define the graphic used to draw an arrow or multi-sided marker on the given element.
<mask> Define a masking element.
<metadata> Specify metadata.
<missing-glyph> If the font does not define an appropriate <glyph> for the given character, render the content of the missing-glyph element.
<mpath> Reference an external <path> element as the definition of a motion path.
<path> Define a path.
<pattern> Define a pattern.
<polygon> Define a figure containing at least three sides.
<polyline> Define any shape composed only of straight lines.
<radialGradient> Define a radial gradient.
<rect> Define a rectangle.
<script> Define a script container (such as ECMAScript).
<set> Set the value of the specified duration attribute.
<stop> The stopping point of the gradient.
<style> Allow style sheets to be directly embedded in SVG content.
<svg> Create an SVG document fragment.
<switch> Evaluate the attributes on the direct child elements in order, then process and render the first child evaluated to true.
<symbol> Define a graphic template object that can be instantiated with the <use> element.
<text> Define text.
<textPath> Place text according to the shape of the <path> element.
<title> Pure text description of an element in SVG. The user agent can display the text as a tooltip.
<tref> Reference and reuse any <text> element from the SVG document.
<tspan> Like the <text> element, but can be nested within text tags and within itself.
<use> Obtain the target node within the SVG document and copy them elsewhere.
<view> Een beperkte methode om een afbeelding te bekijken, zoals een zoomniveau of gedetailleerde weergave.
<vkern> Precies aanpassen van de verticale afstand tussen twee tekens (glyphs).