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 vote186 views1 answer
Radio button unchecked html jquery
Html
0 vote142 views1 answer
Simple html report template
Html
1 vote159 views1 answer
Vue get data from slot template
Html
0 vote160 views6 answers
Hash password decrypt laravel
Html
-1 vote150 views1 answer
Cellpadding in html
Html
0 vote171 views1 answer
Alpine function
Html
2 votes146 views4 answers
Markdown color
Html
8 votes147 views2 answers
Html rupee symbol
Html
0 vote149 views1 answer
Link mui
Html
0 vote156 views1 answer
How to alert in http
Html