Buscar..
Sintaxis
-
<defs>
... elementos definidos ...</defs>
Parámetros
Parámetro | Detalles |
---|---|
defs | El elemento defs no tiene parámetros. |
Observaciones
El elemento <defs>
se utiliza como un elemento contenedor para los elementos que están destinados a ser utilizados únicamente por referencia y no se representan directamente. Los elementos que normalmente se renderizarían (por ejemplo, <rect>
, <circle>
) que se declaran dentro de un bloque <defs>
se tratan como si su estilo incluyera la display:none
.
Aunque no es estrictamente necesario, la especificación SVG. recomienda colocar todas las definiciones de gradiente, filtro, patrón, máscara, símbolo y marcador dentro de un bloque defs
.
BASIC ejemplo
<svg width="400px" height="400px">
<defs>
<rect id="defrect" fill="blue" fill-opacity=".5" x="50" y="50" width="100" height="100"/>
</defs>
<rect fill="red" x="20" y="20" width="80" height="80"/>
<use xlink:href="#defrect"/>
<use xlink:href="#defrect" x="50" y="60"/>
</svg>
Resultado
Modified text is an extract of the original Stack Overflow Documentation
Licenciado bajo CC BY-SA 3.0
No afiliado a Stack Overflow