Как сделать, что бы svg-изображение внутри контейнера svg всегда было по центру?
У меня есть тег svg
И для тега  задан размер 75x22внутри которого код картинки
Код не совсем картинки. С помощью svg-путей (кривых линий) написан текст "pink"мне нужно что бы контейнер svg, и изображение были размером 75x22
Проблема в том, что текст нарисован с помощью абсолютно указанных координат. И начинается это рисование с отступом в ~70px по оси X и ~18px по оси Y. Естественно, при холсте всего в 72x22px кривые будут выходить за рамки холста.почему если у svg тега из моего примера сбросить размеры и вьюбокс, изображение находится по центру
Я так понимаю, под "сбросить" подразумевается "не указывать вообще"?
Потому что по умолчанию, svg-элемент имеет размеры 300x150px и при таких размерах нарисованные с помощью абсолютно заданных координат кривые видны.UPDATE: как можно сделать, что бы svg изображение всегда было по центру svg контейнера?
Не проще ли сделать нужный контейнер через HTML, а внутри него уже позиционировать SVG-элемент с фиксированными размерами?
Также, я изменил принцип рисования этого слова, чтобы оно не отступало 75px слева
Пример:
https://codepen.io/hisbvdis/pen/jOOKRNv
У меня есть тег svg
И для тега  задан размер 75x22внутри которого код картинки
Код не совсем картинки. С помощью svg-путей (кривых линий) написан текст "pink"мне нужно что бы контейнер svg, и изображение были размером 75x22
Проблема в том, что текст нарисован с помощью абсолютно указанных координат. И начинается это рисование с отступом в ~70px по оси X и ~18px по оси Y. Естественно, при холсте всего в 72x22px кривые будут выходить за рамки холста.почему если у svg тега из моего примера сбросить размеры и вьюбокс, изображение находится по центру
Я так понимаю, под "сбросить" подразумевается "не указывать вообще"?
Потому что по умолчанию, svg-элемент имеет размеры 300x150px и при таких размерах нарисованные с помощью абсолютно заданных координат кривые видны.UPDATE: как можно сделать, что бы svg изображение всегда было по центру svg контейнера?
Не проще ли сделать нужный контейнер через HTML, а внутри него уже позиционировать SVG-элемент с фиксированными размерами?
Также, я изменил принцип рисования этого слова, чтобы оно не отступало 75px слева
Пример:
https://codepen.io/hisbvdis/pen/jOOKRNv