Quiero mostrar algunas de texto dentro de SVG rect
. Es posible?
Traté de
<svg xmlns="http://www.w3.org/2000/svg">
<g>
<rect x="0" y="0" width="100" height="100" fill="red">
<text x="0" y="10" font-family="Verdana" font-size="55" fill="blue"> Hello </text>
</rect>
</g>
</svg>
Pero no funciona.
- posibles duplicados de insertar texto entre un rectángulo dibujado en svg.
Esto no es posible. Si desea mostrar el texto en el interior de un rect elemento, debe poner a ambos en un grupo con el elemento de texto que viene después de la rect elemento ( por lo que aparece en la parte superior ).
HTML:
g
elemento tiene implícito un tamaño aquí y me gustaría que el rectángulo para ampliar a su tamaño.Mediante programación utilizando D3:
<svg><rect/><text/></svg>
.Puede utilizar foreignobject para un mayor control y la colocación de HTML enriquecido el contenido a través de rectángulo o círculo
HTML:
Mediante programación mostrar texto sobre rect utilizando los conceptos básicos de Javascript
JS:
HTML: