Manuale di riferimento SVG

Elemento SVG

Elemento Descrizione
<a> Crea un link che avvolge l'elemento SVG.
<altGlyph> Fornisce il controllo del tipo di carattere utilizzato per presentare i dati dei caratteri specifici.
<altGlyphDef> Definisci l'insieme di sostituzione del tipo di carattere.
<altGlyphItem> Definisci l'insieme dei candidati per la sostituzione del tipo di carattere.
<animate> Definisci come l'attributo dell'elemento cambia nel tempo.
<animateMotion> Fare muovere l'elemento citato lungo il percorso di movimento.
<animateTransform> Esegui l'animazione degli attributi di trasformazione dell'elemento target, permettendo il controllo dell'animazione di traslazione, ingrandimento, rotazione e/o inclinazione.
<circle> Definisci un cerchio.
<clipPath> Definisci il percorso di taglio.
<color-profile> Specificare la descrizione del profilo di colore (quando si utilizza CSS per impostare lo stile del documento).
<cursor> Definisci un cursore personalizzato indipendente dalla piattaforma.
<defs> Definisci il contenitore dell'elemento citato.
<desc> Definisci una descrizione di testo pura per l'elemento contenitore o grafico di SVG.
<ellipse> Definisci un ellisse.
<feBlend> Combinare due oggetti insieme secondo un modello di mescolanza specifico.
<feColorMatrix> SVG filtro. Applica la trasformazione matriciale.
<feComponentTransfer> Filtro SVG. Esegue una riassegnazione dei dati per i componenti.
<feComposite> Filtro SVG. Esegue la combinazione di pixel intelligente tra due immagini di input.
<feConvolveMatrix> Filtro SVG. Applica l'effetto di filtro di convoluzione matriciale.
<feDiffuseLighting> Filtro SVG. Immagine di luce, utilizza il canale alpha come mappatura di reliefi.
<feDisplacementMap> Filtro SVG. Mappa la sostituzione.
<feDistantLight> Filtro SVG. Definisce la luce sorgente.
<feFlood> Filtro SVG. Riempie l'area del filtro.
<feFuncA> Filtro SVG. Definisce la funzione di trasformazione per il componente trasparenza (alpha) dell'immagine di input.
<feFuncB> Filtro SVG. Definisce la funzione di trasformazione per il componente blu dell'immagine di input.
<feFuncG> Filtro SVG. Definisce la funzione di trasformazione per il componente verde dell'immagine di input.
<feFuncR> Filtro SVG. Definisce la funzione di trasformazione per il componente rosso dell'immagine di input.
<feGaussianBlur> Filtro SVG. Esegue un'effetto di sfocatura Gaussiana sull'immagine.
<feImage> Filtro SVG. Ottiene dati di immagine da una fonte esterna e fornisce dati di pixel come output.
<feMerge> Filtro SVG. Crea strati di immagini sovrapposti.
<feMergeNode> Elemento figlio di feMerge.
<feMorphology> Filtro SVG. Esegue un
<feOffset> Filtro SVG. Sposta l'immagine rispetto alla posizione corrente.
<fePointLight> Filtro SVG.
<feSpecularLighting> Filtro SVG. Illumina la forma sorgente, utilizzando il canale alpha come mappatura di reliefi.
<feSpotLight> Elemento di luce sorgente, utilizzato nei file SVG.
<feTile> Filtro SVG. L'immagine di input è ripetuta, il risultato viene utilizzato per riempire il target.
<feTurbulence> Filtro SVG. Crea un'immagine utilizzando la funzione di rumore di Perlin.
<filter> Contenitore dell'effetto di filtro.
<font> Definisce il font.
<font-face> Descrive le caratteristiche del font.
<font-face-format> Descrive il tipo di font del suo elemento padre <font-face-uri>.
<font-face-name> Indica la copia del fonte installato localmente, riconosciuta tramite il nome del font.
<font-face-src> Corrisponde all'attributo @font-face della specifica CSS.
<font-face-uri> Si riferisce all'attuale font definito in remoto.
<foreignObject> Permette di includere elementi provenienti da diversi spazi di nomi XML.
<g> Usato per raggruppare elementi.
<glyph> Definisci la grafica del glyph specificato.
<glyphRef> Definisci i caratteri che potrebbero essere utilizzati.
<hkern> Regola finemente la distanza orizzontale tra due testi incisi.
<image> Definisci un'immagine.
<line> Definisci una linea.
<linearGradient> Definisci una gradazione lineare.
<marker> Definisci la forma utilizzata per disegnare frecce o marchi multipli su un elemento specificato.
<mask> Definisci un elemento di maschera.
<metadata> Definisci i metadati.
<missing-glyph> Se per un carattere specifico, il font non definisce un <glyph> appropriato, visualizza il contenuto dell'elemento missing-glyph.
<mpath> Riferimento a un elemento <path> esterno come definizione del percorso di movimento.
<path> Definisci un percorso.
<pattern> Definisci uno schema.
<polygon> Definisci un grafico che contiene almeno tre lati.
<polyline> Definisci qualsiasi forma composta solo da linee.
<radialGradient> Definisci una gradazione radiale.
<rect> Definisci un rettangolo.
<script> Definisci un contenitore di script (ad esempio ECMAScript).
<set> Imposta il valore dell'attributo specificato per la durata specificata.
<stop> Punto di arresto della gradazione.
<style> Permette di incorporare direttamente uno stile in SVG.
<svg> Crea un frammento di documento SVG.
<switch> Valuta in ordine i属性的值在其直接子元素上，然后处理和呈现第一个评估为 true 的子元素。
<symbol> Definisci l'oggetto modello grafico, che può essere istanziato con l'elemento <use>.
<text> Definisci il testo.
<textPath> Posiziona il testo in base alla forma dell'elemento <path>.
<title> Descrizione testuale pura di un elemento SVG. L'agente utente può visualizzare il testo come tooltip.
<tref> Riferimento a qualsiasi elemento <text> all'interno del documento SVG e riutilizzalo.
<tspan> Come l'elemento <text>, ma può essere incluso all'interno del tag <text> e anche all'interno di sé stesso.
<use> Estrai il nodo di destinazione all'interno del documento SVG e copialo altrove.
<view> Un metodo limitato per visualizzare un'immagine, come il livello di zoom o la vista dettagliata.
<vkern> Regolazione precisa della distanza verticale tra due caratteri (glyph).