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

6 votes190 views3 answers
Html head
Html
1 vote153 views1 answer
Fullpage cdn
Html
0 vote176 views1 answer
Plantuml bold text
Html
0 vote151 views1 answer
Ionic checkbox value by function
Html
47 votes174 views5 answers
Autocomplete off input
Html
0 vote161 views1 answer
React router preventing assets from being served
Html
-1 vote164 views1 answer
Select option with icon bootstrap
Html
0 vote156 views0 answer
Html
18 votes167 views3 answers
Html template start
Html
0 vote110 views1 answer
Fam
Html