Manual de referencia de SVG

Elemento SVG

Elemento Descripción
<a> Crear enlaces que rodean elementos SVG.
<altGlyph> Proporcionar control sobre las formas de escritura utilizadas para presentar datos de caracteres específicos.
<altGlyphDef> Definir el conjunto de sustitución de la forma de escritura.
<altGlyphItem> Definir el conjunto de candidatos para la sustitución de la forma de escritura.
<animate> Definir cómo cambian las propiedades del elemento con el tiempo.
<animateMotion> Mover el elemento citado a lo largo de la trayectoria de movimiento.
<animateTransform> Realizar animaciones en los atributos de transformación del elemento objetivo, permitiendo controlar el desplazamiento, escalado, rotación y / o inclinación de la animación.
<circle> Definir el círculo.
<clipPath> Definir la ruta de recorte.
<color-profile> Especificar la descripción del perfil de color (cuando se establece el estilo del documento con CSS).
<cursor> Definir un cursor personalizado independiente de la plataforma.
<defs> Definir el contenedor del elemento citado.
<desc> Definir una descripción de texto pura para elementos de contenedor o gráficos en SVG.
<ellipse> Definir el elíptico.
<feBlend> Combinar dos objetos juntos según un modo de mezcla determinado.
<feColorMatrix> Filtro SVG. Aplicar transformaciones de matriz.
<feComponentTransfer> Filtro SVG. Ejecuta la remapeo de componentes de los datos.
<feComposite> Filtro SVG. Ejecuta la combinación inteligente de píxeles de dos imágenes de entrada.
<feConvolveMatrix> Filtro SVG. Aplica el efecto de filtro de convolución de matriz.
<feDiffuseLighting> Filtro SVG. Imagen de iluminación, utilizando el canal alpha como mapeo de elevación.
<feDisplacementMap> Filtro SVG. Mapeo de desplazamiento.
<feDistantLight> Filtro SVG. Define la luz.
<feFlood> Filtro SVG. Rellena el área del filtro.
<feFuncA> Filtro SVG. Define la función de transformación para el componente de transparencia (alpha) de la imagen de entrada.
<feFuncB> Filtro SVG. Define la función de transformación para el componente azul de la imagen de entrada.
<feFuncG> Filtro SVG. Define la función de transformación para el componente verde de la imagen de entrada.
<feFuncR> Filtro SVG. Define la función de transformación para el componente rojo de la imagen de entrada.
<feGaussianBlur> Filtro SVG. Ejecuta un desenfoque gaussiano en la imagen.
<feImage> Filtro SVG. Obtiene datos de imagen de una fuente externa y proporciona datos de píxeles como salida.
<feMerge> Filtro SVG. Crea capas de imágenes superpuestas.
<feMergeNode> Elemento hijo de feMerge en el filtro SVG.
<feMorphology> Filtro SVG. Ejecuta un «engrosamiento» o «adelgazamiento» en la forma de origen.
<feOffset> Filtro SVG. Mueve la imagen en relación con la posición actual.
<fePointLight> Filtro SVG.
<feSpecularLighting> Filtro SVG. Ilumina la forma de origen, utilizando el canal alpha como mapeo de elevación.
<feSpotLight> Elemento de luz de fuente, utilizado en archivos SVG.
<feTile> Filtro SVG. La imagen de entrada es repetida, y el resultado se usa para rellenar el objetivo.
<feTurbulence> Filtro SVG. Crea imágenes utilizando la función de ruido Perlin.
<filter> Contenedor de efecto de filtro.
<font> Define el tipo de letra.
<font-face> Descripción de las características del tipo de letra.
<font-face-format> Descripción del tipo de letra del elemento de referencia <font-face-uri> de su padre.
<font-face-name> Punta a la copia localmente instalada del tipo de letra, identificada por el nombre del tipo de letra.
<font-face-src> Equivalente a la propiedad @font-face del estándar CSS.
<font-face-uri> Hacia la fuente remota actual.
<foreignObject> Permitir que los elementos de diferentes espacios de nombres XML se incluyan.
<g> Usado para agrupar elementos.
<glyph> Definir la forma del glyph dado.
<glyphRef> Definir los tipos de glyph que pueden utilizarse.
<hkern> Ajustar finamente la distancia horizontal entre dos textos tallados.
<image> Definir una imagen.
<line> Definir una línea.
<linearGradient> Definir un degradado lineal.
<marker> Definir la forma utilizada para dibujar flechas o marcas poligonales en un elemento dado.
<mask> Definir un elemento de máscara.
<metadata> Especificar metadatos.
<missing-glyph> Si para el carácter dado, la fuente no define un <glyph> adecuado, se presenta el contenido del elemento missing-glyph.
<mpath> Referenciar un elemento <path> externo como definición de la trayectoria de movimiento.
<path> Definir una ruta.
<pattern> Definir un patrón.
<polygon> Definir un gráfico que contiene al menos tres lados.
<polyline> Definir cualquier forma formada solo por líneas rectas.
<radialGradient> Definir un gradiente radial.
<rect> Definir un rectángulo.
<script> Definir un contenedor de script (por ejemplo, ECMAScript).
<set> Establecer el valor del atributo con la duración especificada.
<stop> Puntos de parada del degradado.
<style> Permitir que las hojas de estilo se embeddings directamente en el contenido de SVG.
<svg> Crear un fragmento de documento SVG.
<switch> Evaluar los atributos de los elementos hijos directamente en orden, luego procesar y presentar el primer elemento evaluado como true.
<symbol> Definir un objeto de plantilla gráfica que se puede instanciar con el elemento <use>.
<text> Definir texto.
<textPath> Colocar texto según la forma del elemento <path>.
<title> Descripción de texto pura de elementos en SVG. El agente de usuario puede mostrar el texto como una sugerencia.
<tref> Referenciar y reutilizar cualquier elemento <text> dentro del documento SVG.
<tspan> Como el elemento <text>, pero puede estar anidado dentro de una etiqueta text y en su propia estructura.
<use> Obtener el nodo objetivo dentro del documento SVG y copiarlo en otro lugar.
<view> Un método limitado para ver una imagen, como el nivel de缩放 o la vista detallada.
<vkern> Ajuste exacto de la distancia vertical entre dos caracteres (glifo).