How to center text in svg

<text x="50%" y="50%" text-anchor="middle" dominant-baseline="middle">Text</text>

Svg text align middle

<svg width="200" height="100">
  <rect x="0" y="0" width="200" height="100" stroke="red" stroke-width="3px" fill="white"/>
  <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">TEXT</text>    
</svg>

Source: stackoverflow.com

Similar codes

8 votes246 views2 answers
Html text tag
Html
0 vote244 views1 answer
How to read file over two directory back
Html
0 vote257 views4 answers
Jeremy thomas web design
Html
1 vote247 views1 answer
Void javascript link
Html
1 vote302 views1 answer
Must fill input
Html
1 vote272 views1 answer
How to create js code
Html
21 votes289 views4 answers
Bootstrap 5 text bold
Html
0 vote251 views1 answer
OpenGraph 3
Html
-5 votes260 views5 answers
Happy New Year!
Html
8 votes303 views6 answers
Aos animation
Html