How to center text in svg?

Question

SVG

We need a traffic light, scalable, which has numbers inside the sections ...
But how can I center these numbers inside these grids? number could be 1 or 2...

I myself don’t really, but just draw something from a copy of how it turned out, I ask for help!)

Answer 1

Remove transformations from the text transform="matrix..., add the text-anchor="middle" attribute , write the value for xthe coordinate as a percentage (50%), and for ythe eye select the desired value in pixels
https://codepen.io/anon/pen/jRmxNR