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

0 vote113 views1 answer
Footer ionic
Html
0 vote147 views1 answer
Include jquery if not included
Html
6 votes113 views4 answers
Html background image fit to screen
Html
0 vote121 views1 answer
Twig last
Html
0 vote116 views1 answer
React native render html not rerender
Html
0 vote111 views1 answer
Samu
Html
2 votes116 views2 answers
Change color of mark in css
Html
0 vote126 views1 answer
Should the logo be inside the ul in htm
Html
0 vote106 views2 answers
Bootstrap 4 stop auto slide
Html
0 vote124 views1 answer
Iframe - Full Screen - HTML
Html