Je veux afficher du texte dans SVG rect
. C'est possible?
j'ai essayé
<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>
Mais ça ne marche pas.
Réponses:
Ce n'est pas possible. Si vous souhaitez afficher du texte à l'intérieur d'un élément rect, vous devez les mettre tous les deux dans un groupe avec l'élément de texte venant après l'élément rect (pour qu'il apparaisse en haut).
la source
g
élément ait une taille implicite ici et j'aimerais que le rectangle se développe à sa taille.Par programmation en utilisant D3 :
la source
<svg><rect/><text/></svg>
.Vous pouvez utiliser Foreignobject pour plus de contrôle et placer du contenu HTML riche sur rect ou cercle
la source
text
option -tags-only, celle-ci a en fait placé le texte à l'intérieur du chemin au lieu de le cacher dans un espace invisible au-dessus! Les attributsx
ety
n'étaient pas nécessaires pour moi, mais lewidth
et l'height
étaient ou il était également introuvable!la source
Afficher le texte par programme sur rect en utilisant Javascript de base
la source