Referenshandbok för SVG

SVG element

Element Description
<a> Create a link that surrounds 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 according to a certain blending mode.
<feColorMatrix> SVG filter. Apply matrix transformation.
<feComponentTransfer> SVG-filter. Utför en omkartläggning av data enligt komponenter.
<feComposite> SVG-filter. Utför intelligent pixelkombination av två inkommande bilder.
<feConvolveMatrix> SVG-filter. Tillämpar en matrisconvolutionfiltereffekt.
<feDiffuseLighting> SVG-filter. Ljuskartbild, använder alpha-kanalen som en reliefkarta.
<feDisplacementMap> SVG-filter. Projektion av förskjutning.
<feDistantLight> SVG-filter. Definierar ljuskälla.
<feFlood> SVG-filter. Fyller filterns område.
<feFuncA> SVG-filter. Definierar en transformationsfunktion för den transparenta (alpha) komponenten i inkommande grafen.
<feFuncB> SVG-filter. Definierar en transformationsfunktion för den blå komponenten i inkommande grafen.
<feFuncG> SVG-filter. Definierar en transformationsfunktion för den gröna komponenten i inkommande grafen.
<feFuncR> SVG-filter. Definierar en transformationsfunktion för den röda komponenten i inkommande grafen.
<feGaussianBlur> SVG-filter. Utför en Gaussisk suddig effekt på bilden.
<feImage> SVG-filter. Hämtar bilddata från extern källa och tillhandahåller pixeldata som utdata.
<feMerge> SVG-filter. Skapar lager av bilder som lager ovanpå varandra.
<feMergeNode> SVG-filter. Underkomponent av feMerge.
<feMorphology> SVG-filter. Utför en "fettning" eller "tunnning" av källgrafen.
<feOffset> SVG-filter. Flyttar bilden från nuvarande position.
<fePointLight> SVG-filter.
<feSpecularLighting> SVG-filter. Belyser källgrafen, använder alpha-kanalen som en reliefkarta.
<feSpotLight> SVG-filter. Ljuskällaselement, används i SVG-filer.
<feTile> SVG-filter. Inkommande bild är mönstrad, resultatet används för att fylla målet.
<feTurbulence> SVG-filter. Skapar en bild med hjälp av Perlin-brusfunktion.
<filter> Behållare för filtereffekter.
<font> Definierar teckensnittet.
<font-face> Beskriver egenskaperna hos teckensnittet.
<font-face-format> Beskriver typen på teckensnitt som refereras av dess föräldra <font-face-uri>-element.
<font-face-name> Väser till en kopia av lokalt installerad typsnitt, identifierad genom typsnittsnamn.
<font-face-src> Ekvivalent med @font-face-attributet i CSS-standarden.
<font-face-uri> Peka på den aktuella fonten från en fjärrdefinition.
<foreignObject> Tillåter att innehålla element från olika XML-ns.
<g> Används för att gruppera element.
<glyph> Definiera det grafiska objektet för en given teckenform.
<glyphRef> Definiera de tecken som kan användas.
<hkern> Justera finurligt avståndet mellan två inskrivna texter horisontellt.
<image> Definiera en bild.
<line> Definiera en linje.
<linearGradient> Definiera en linjärgradient.
<marker> Definiera det grafiska objektet som används för att ritas på en given element för att skapa en pil eller en flerhörning.
<mask> Definiera ett skuggande element.
<metadata> Specificera metadata.
<missing-glyph> Om tecknet inte har ett lämpligt <glyph> definierat i typsnittet, presentera innehållet i missing-glyph-elementet.
<mpath> Citera ett externt <path>-element som definierar en rörelsebana.
<path> Definiera en bana.
<pattern> Definiera ett mönster.
<polygon> Definiera ett grafiskt objekt som innehåller minst tre sidor.
<polyline> Definiera vilket som helst former som endast består av raka linjer.
<radialGradient> Definiera en radialgradient.
<rect> Definiera en rektangel.
<script> Definiera ett skriptcontainer (t.ex. ECMAScript).
<set> Ställ in värden för egenskaper med specificerad varaktighet.
<stop> Slutpunkterna för en gradient.
<style> Tillåter att stilark direkt inbäddas i SVG-innehållet.
<svg> Skapa en SVG-dokumentfragment.
<switch> Evaluera egenskaperna på de direkta underelementen i ordning och behandla och presentera det första som bedöms som true.
<symbol> Definiera ett grafiskt mönsterobjekt som kan instansieras med <use>-elementet.
<text> Definiera text.
<textPath> Placera text baserat på formen av <path>-elementet.
<title> Ren textbeskrivning av element inom SVG. Användaragent kan visa texten som en verktygstips.
<tref> Citera och återanvänd vilket <text>-element som helst från SVG-dokumentet.
<tspan> Liksom <text>-elementet, men kan innes i textetiketter och inom sig själv.
<use> Få tag på målnoden inom SVG-dokumentet och kopia dem på andra ställen.
<view> Ett begränsat sätt att se på en bild, som en zoomnivå eller en detaljerad vy.
<vkern> Justera vertikaldistansen mellan två tecken (glyph) exakt.