El elemento text define un elemento gráfico que consiste en texto. Nótese que es posible aplicar un degradado, patrón, recorte, máscara o filtro al texto
<?xml version="1.0"?><svgxmlns="http://www.w3.org/2000/svg"width="100px"height="30px"viewBox="0 0 1000 300"><textx="250"y="150"font-family="Verdana"font-size="55">
Hello, out there
</text><!-- Show outline of canvas using 'rect' element --><rectx="1"y="1"width="998"height="298"fill="none"stroke-width="2"/></svg>
El elemento <text> es usado para dibujar texto. El siguiente código de ejemplo es usado para dibujar texto con coordenadas.
xml
<svgxmlns="http://www.w3.org/2000/svg"width="100px"height="50px"><textx="10"y="20">SVG Text Example</text></svg>
El elemento text puede ser rotado. El siguiente código de ejemplo muestra cómo.
xml
<svgxmlns="http://www.w3.org/2000/svg"width="100px"height="50px"><textx="10"y="20"transform="rotate(30 20,40)">
SVG Text Rotation example
</text></svg>
SVG text también puede ser estilizado
xml
<svgxmlns="http://www.w3.org/2000/svg"width="100px"height="50px"><textx="10"y="20"style="font-family: Times New Roman;font-size: 24;stroke: #00ff00;fill: #0000ff;">
SVG text styling
</text></svg>
Tip: you can click/tap on a cell for more information.
Full support
Full support
No support
No support
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.