Esta es la estructura de mi SVG
<g id="CDT-B6-2"> <path id="CDT-B6-box"/> <text x="1210" y="993" id="CDT-B6-text">888</text> </g>Problemas:
textContent de texto del elemento de texto es dinámico, puede tener una longitud inferior a 3<g id="CDT-B6-2"> pero diferentes ids y posicionesx="50%" y="50%" para todos los elementos de texto pero no puso la alineación del texto centrada desde el elemento <g>Puede usar dominant-baseline: middle y text-anchor: middle :
text { dominant-baseline: middle; text-anchor: middle; } rect { stroke: black; stroke-width: 2; fill: none; } <svg width="200" height="100"> <g transform="translate(10 20)"> <rect x="0" y="0" width="80" height="40" /> <text x="40" y="20">888</text> </g> <g transform="translate(110 40)"> <rect x="0" y="0" width="80" height="40" /> <text x="40" y="20">888888</text> </g> </svg>