#svg
#svg
Вопрос:
Я создал несколько SVG-файлов в inkscape и сохранил сгенерированные пути в свою базу данных. Когда я их отображаю, кажется, что их начальная ось не соответствует
ПРИМЕЧАНИЕ:
- горизонтальный рисунок показывает, насколько отклонены от оси Y
- вертикальный рисунок показывает, как далеко отклонена ось X
- Я обрезал вертикаль, чтобы сэкономить место
- красная граница css предназначена для того, чтобы показать несоответствие в начальном местоположении
Изначально проблема была намного хуже, поэтому, чтобы исправить это, я установил все начальные координаты в m 10,10 (это привело меня туда, где я сейчас нахожусь) и заметил, что я могу вручную изменить каждую из букв, начиная с координаты X Y, чтобы разместить ее там, где я хочу, однако я хотел бы попытаться понять, почему они не являются однородными, когда я определил одно и то же начальное местоположение?
Я добавил preserveAspectRatio="xMinYMin meet" , а также перепробовал все значения для preserveAspectRatio, но, похоже, ни одно из них не дало никакого эффекта. В дополнение к этому (после прочтения нескольких руководств и сообщений SO) Я также попытался добавить дополнительное пространство имен xmlns:xlink="http://www.w3.org/1999/xlink" , но это не возымело никакого эффекта.
Я хотел бы отобразить все буквы в центре окна просмотра без ручного изменения начальных координат каждого svg, можно ли это сделать? Если ответ отрицательный, что мне нужно сделать, чтобы иметь возможность отображать их в виде прямой линии (по горизонтали / вертикали)?
ниже приведена ссылка на мой codepen, которая показывает проблему. Символы ‘a’, ‘b’ и ‘q’ используются, поскольку я думаю, что они являются хорошими примерами: (примечание: я попытался добавить 3 svg непосредственно к вопросу, но это превысило допустимое количество символов)
Комментарии:
1. Не могли бы вы рассмотреть возможность использования javascript?
2. Я рад рассмотреть любое решение. Но я чувствую, что я сделал что-то не так при создании элементов и хотел бы выяснить причину
3. Я вижу, у вас уже есть ответ с помощью javascript. Я не думаю, что вы сделали что-то не так с путями, просто вы не можете контролировать, как Inkscape подготавливает эти пути. Они всегда начинаются с
10, 10, но какой момент является первым? Вверху слева? внизу справа? центр? У вас нет никакого контроля над этим.
Ответ №1:
Вам нужно расположить контур по центру в середине холста svg. Например, для буквы A вы можете сделать:
//get the bounding box for the letter A
let bba = a.getBBox()
//translate the letter A in the middle od the svg canvas. The number 10 used representd half width or half height as in viewBox="0 0 20 20"
a.setAttribute("transform", `translate(${-bba.x -bba.width/2 10},${-bba.y - bba.height/2 10})`) svg{width:100px; outline:solid} <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" preserveAspectRatio="xMinYMin meet">
<path id="a" d="m 10,10 q 0,0.0207 0,0.031 0.01033,0.0207 0.01033,0.0413 0,0.031 0.01034,0.0413 0,0.0103 0,0.0207 v 0.0103 q 0,0.0103 0,0.0207 0,0.0103 0,0.0207 0,0.0103 0.01033,-0.0103 0.02067,-0.0207 0.05168,-0.062 0.03101,-0.031 0.09302,0 0.06201,0.031 0.09302,0.0724 0.02067,0.0103 0.04134,0.031 0,-0.0103 0,-0.0207 v -0.0103 q 0,-0.0103 0,-0.0207 0,-0.0103 0,-0.0207 0,-0.0103 0,-0.031 0,-0.0207 0,-0.0413 0,-0.0207 0,-0.0517 0,-0.0207 0,-0.0517 0,-0.0207 0,-0.062 0,-0.031 0,-0.062 0,-0.031 0,-0.0723 0,-0.031 0,-0.0724 0,-0.031 0,-0.0724 0,-0.0413 0,-0.093 0,-0.0517 -0.01034,-0.0827 -0.01033,-0.0413 -0.01033,-0.0827 0,-0.031 0,-0.0724 -0.01033,-0.0413 -0.02067,-0.0827 0,-0.0413 -0.01033,-0.093 -0.01033,-0.0413 -0.02067,-0.0827 0,-0.0413 -0.01034,-0.093 -0.01034,-0.0517 -0.02067,-0.093 -0.01034,-0.0413 -0.02067,-0.093 0,-0.0413 -0.01033,-0.093 -0.01034,-0.0517 -0.02067,-0.10335 -0.01033,-0.0413 -0.02067,-0.0827 0,-0.0517 -0.01034,-0.10335 0,-0.0517 -0.01033,-0.11369 0,-0.062 -0.02067,-0.12402 -0.01034,-0.062 -0.02067,-0.11369 -0.01033,-0.062 -0.02067,-0.11369 -0.01033,-0.0517 -0.01033,-0.11368 -0.01033,-0.062 -0.02067,-0.12403 -0.01034,-0.062 -0.02067,-0.13436 -0.01033,-0.062 -0.02067,-0.12402 -0.01034,-0.062 -0.01034,-0.12402 0,-0.062 0,-0.13436 -0.01033,-0.0724 -0.01033,-0.13436 -0.01033,-0.062 -0.01033,-0.13436 0,-0.0827 0,-0.15503 -0.01034,-0.0827 -0.02067,-0.1757 -0.01034,-0.0827 -0.02067,-0.16536 -0.01033,-0.0827 -0.01033,-0.1757 -0.01033,-0.093 -0.03101,-0.18604 -0.01033,-0.10335 -0.03101,-0.19637 -0.01034,-0.093 -0.03101,-0.18603 -0.01034,-0.093 -0.02067,-0.18604 -0.01034,-0.093 -0.02067,-0.18603 -0.01033,-0.093 -0.031,-0.18604 -0.01034,-0.093 -0.03101,-0.18603 -0.01034,-0.093 -0.02067,-0.18604 -0.02067,-0.10335 -0.03101,-0.18603 -0.01033,-0.0827 -0.02067,-0.1757 -0.01034,-0.0827 -0.02067,-0.16537 -0.02067,-0.0827 -0.04134,-0.16536 -0.01033,-0.0724 -0.03101,-0.1447 -0.01034,-0.0827 -0.04134,-0.14469 -0.02067,-0.0724 -0.04134,-0.13436 -0.02067,-0.062 -0.04134,-0.11369 -0.02067,-0.062 -0.04134,-0.12402 -0.02067,-0.0517 -0.05168,-0.11369 -0.02067,-0.062 -0.05168,-0.11369 -0.03101,-0.062 -0.06201,-0.11369 -0.03101,-0.0517 -0.05168,-0.10335 -0.03101,-0.0517 -0.05168,-0.093 -0.03101,-0.0517 -0.05168,-0.093 -0.02067,-0.0517 -0.05168,-0.093 -0.02067,-0.0413 -0.04134,-0.0827 -0.02067,-0.0413 -0.04134,-0.0724 -0.01033,-0.0413 -0.03101,-0.0724 -0.02067,-0.031 -0.04134,-0.062 -0.02067,-0.0413 -0.04134,-0.062 -0.01033,-0.0207 -0.03101,-0.0413 -0.01033,-0.0207 -0.03101,-0.0517 -0.02067,-0.031 -0.05168,-0.062 -0.03101,-0.0207 -0.05168,-0.0413 -0.02067,-0.0103 -0.04134,-0.0207 -0.02067,-0.0103 -0.05168,-0.0103 -0.03101,-0.0103 -0.06201,-0.0103 -0.03101,-0.0103 -0.04134,-0.0103 -0.01034,0 -0.02067,0 -0.01033,0 -0.03101,0.0103 -0.03101,0.0103 -0.04134,0.0103 0,0.0103 0.01033,0 0.01034,-0.0103 -0.01033,-0.0103 -0.03101,0 -0.07235,0.0103 -0.04134,0.0103 -0.06201,0.0207 -0.01033,0.0103 -0.03101,0.0103 -0.02067,0.0103 -0.05168,0.0103 -0.02067,0.0103 -0.04134,0.0207 -0.03101,0.0103 -0.06201,0.0207 -0.04134,0.0103 -0.06201,0.0207 -0.02067,0 -0.04134,0.0103 -0.02067,0.0103 -0.031,0.0207 -0.02067,0.0103 -0.03101,0.0103 -0.02067,0 -0.03101,0.0103 -0.02067,0.0103 -0.05168,0.0207 -0.02067,0.0103 -0.04134,0.0103 -0.01033,0.0103 -0.03101,0.0207 -0.01033,0.0103 -0.04134,0.0207 -0.03101,0.0207 -0.04134,0.0413 -0.02067,0.0103 -0.03101,0.0207 -0.01033,0 -0.03101,0.0207 -0.02067,0.0103 -0.04134,0.031 -0.01033,0.0103 -0.04134,0.031 -0.02067,0.0103 -0.05168,0.0413 -0.02067,0.0207 -0.04134,0.0413 -0.01034,0.0207 -0.03101,0.031 -0.01034,0.0103 -0.03101,0.031 -0.02067,0.031 -0.03101,0.0413 -0.01033,0.0207 -0.02067,0.031 -0.01033,0 -0.03101,0.0413 -0.02067,0.0414 -0.02067,0.062 0,0.0207 -0.01033,0.031 -0.02067,0.0207 -0.02067,0.031 0,0.0103 0,0.0207 -0.01033,0 -0.01033,0.0103 0,0.0103 0,0.0207 -0.01033,0.0103 -0.01033,0.031 0,0.0207 0,0.0103 0,-0.0103 -0.01034,-0.0103 0,0 -0.02067,0.031 -0.01034,0.0413 -0.02067,0.062 0,0.0103 -0.02067,0.0413 -0.02067,0.0207 -0.02067,0.0517 -0.01033,0.0207 -0.02067,0.0413 -0.02067,0.031 -0.03101,0.062 -0.01034,0.0413 -0.02067,0.0723 -0.01034,0.0207 -0.02067,0.0517 -0.01033,0.031 -0.01033,0.062 -0.01033,0.0207 -0.03101,0.062 -0.02067,0.031 -0.03101,0.0724 -0.02067,0.0413 -0.03101,0.0724 -0.01034,0.0207 -0.03101,0.062 -0.02067,0.0413 -0.04134,0.0827 -0.01034,0.0413 -0.02067,0.0724 -0.01033,0.031 -0.03101,0.062 -0.02067,0.031 -0.03101,0.062 -0.02067,0.0413 -0.03101,0.0724 -0.02067,0.0413 -0.031,0.0724 -0.02067,0.031 -0.03101,0.062 -0.01034,0.0413 -0.02067,0.062 -0.01033,0.0207 -0.03101,0.0517 -0.02067,0.031 -0.04134,0.062 -0.02067,0.031 -0.04134,0.062 -0.02067,0.031 -0.04134,0.0724 -0.02067,0.0517 -0.04134,0.0827 -0.02067,0.0413 -0.04134,0.093 -0.03101,0.0413 -0.04134,0.0723 -0.01033,0.0414 -0.031,0.0724 -0.02067,0.0207 -0.04134,0.062 -0.02067,0.031 -0.03101,0.062 -0.01034,0.031 -0.04134,0.062 -0.02067,0.0413 -0.031,0.0827 -0.02067,0.0517 -0.03101,0.0724 -0.01034,0.031 -0.02067,0.062 -0.01033,0.031 -0.02067,0.062 -0.01034,0.0413 -0.02067,0.0724 -0.01033,0.031 -0.02067,0.062 -0.02067,0.031 -0.031,0.0724 -0.02067,0.0413 -0.04134,0.093 -0.03101,0.0413 -0.05168,0.093 -0.02067,0.0517 -0.04134,0.10335 -0.01033,0.0413 -0.03101,0.0827 -0.01033,0.0413 -0.03101,0.093 -0.03101,0.0413 -0.04134,0.093 -0.01033,0.0413 -0.02067,0.0724 -0.01033,0.0413 -0.031,0.0827 -0.02067,0.0413 -0.04134,0.0724 -0.01033,0.031 -0.03101,0.0827 -0.03101,0.0413 -0.04134,0.0724 -0.01033,0.0413 -0.031,0.0827 -0.01034,0.0413 -0.02067,0.0827 -0.02067,0.0413 -0.02067,0.0724 -0.01033,0.031 -0.02067,0.0517 -0.01034,0.031 -0.03101,0.062 -0.01033,0.0413 -0.02067,0.0723 0,0.0207 -0.01034,0.0413 -0.01033,0.0103 -0.03101,0.0517 -0.02067,0.0413 -0.03101,0.0827 -0.01033,0.031 -0.02067,0.0517 0,0.0103 -0.02067,0.0413 -0.01033,0.031 -0.02067,0.062 -0.01034,0.031 -0.03101,0.0517 -0.02067,0.0207 -0.03101,0.062 -0.02067,0.031 -0.04134,0.0724 -0.02067,0.0413 -0.03101,0.0723 -0.01033,0.031 -0.02067,0.062 -0.02067,0.0207 -0.03101,0.062 -0.02067,0.031 -0.031,0.062 -0.01034,0.0207 -0.03101,0.0517 -0.01034,0.031 -0.02067,0.062 -0.01033,0.031 -0.03101,0.062 -0.01033,0.031 -0.02067,0.0724 0,0.0413 0,0.0517 0,0.0207 -0.01034,0.031 -0.01033,0.0207 -0.02067,0.0517 0,0.031 0,0.0413 -0.01033,0.0103 -0.02067,0.031 0,0.0207 -0.01033,0.0413 -0.01033,0.0207 -0.02067,0.0413 -0.02067,0.0207 -0.02067,0.0414 -0.01033,0.0207 -0.01033,0.031 0,0.0103 -0.01034,0.0207 -0.01033,0.0207 -0.02067,0.0517 -0.02067,0.0413 -0.01034,0.0517 0,0.0207 -0.01033,0.0103 v 0.0103 q 0,0.0103 -0.01033,0.0207 -0.01033,0.0103 -0.02067,0.0517 -0.02067,0.031 -0.02067,0.0413 0,0.0103 -0.01034,0.031 0,0.0103 -0.02067,0.031 -0.01033,0.0207 -0.02067,0.0517 -0.01033,0.031 -0.02067,0.0517 -0.01034,0.031 -0.02067,0.0517 -0.01033,0.0207 -0.02067,0.031 -0.01034,0.0207 -0.02067,0.062 -0.02067,0.0413 -0.01033,0.0517 0,0.0207 -0.01034,0.031 -0.01033,0.0207 -0.02067,0.062 -0.01034,0.0413 0,0.0413 0,0.0103 -0.01034,0.031 0,0.0207 0,0.031 0,0.0103 -0.01034,0.031 0,0.0207 0,0.0517 -0.01033,0.031 0,0.0207 l -0.01033,0.0103 q 0,0.0103 0,0.0413 -0.01033,0.031 -0.01033,0.0413 0,0.0103 0,0.0207 0,0.0103 0,0.0207 0,0.0103 0.01033,0 0.01033,-0.0207 0,-0.0103 -0.01033,0.0103 -0.02067,0.0517 -0.01033,0.0413 -0.01033,0.0517 0,0.0103 0,0.0207 0,0.0207 0,0.031 0,0.0103 0,0.0207 0,0.0103 0,0.0103 0,0.0103 0,0.0207 0,0.0103 0,0.0207 0,0.0103 0,0.0207 v 0.0103 q 0,0.0103 0,0.0207 0,0.0103 0,0.0207 0,0.0103 0,0.0103 0,0.0103 0,0.0207 v 0.0103 q 0,0.0103 0,0.0207 0.02067,0.031 0.04134,0.0517 0.04134,0.0413 0.08268,0.0827 0.05168,0.0413 0.01033,0 -0.03101,-0.0413 -0.07235,-0.0724 -0.04134,-0.0413 0.04134,-0.031 0.08268,0 0.113688,0.0413 0.04134,0.031 0.05168,0.031 0.02067,-0.0207 0.04134,-0.0413 0.04134,-0.0413 0.04134,-0.0517 -0.02067,-0.0207 -0.04134,-0.0414 -0.02067,-0.0207 -0.04134,-0.0517 -0.01034,0 0.031,0.0413 0.04134,0.031 0,0.0724 -0.04134,0.031 -0.07235,0.0723 -0.03101,0.0413 -0.06201,0.0207 -0.03101,-0.0207 0,-0.0207 0.03101,0 0.07235,0.0207 0.03101,0.0103 0.02067,0.0207 -0.02067,0.0103 0.01034,0 0.02067,-0.0103 0.031,-0.0103 0,-0.0103 -0.01033,0 -0.01033,0.0103 -0.04134,-0.031 -0.04134,-0.0413 -0.06201,-0.0413 -0.02067,0 -0.02067,0.0103 h 0.01033 q 0,0.0103 0.08268,0.0103 0.08268,0.0103 0.06201,-0.031 -0.01033,-0.031 -0.07235,0 -0.06201,0.0413 -0.04134,0.0723 0.02067,0.031 0.05168,0.0517 0.04134,0.0103 0.08268,0.0103 0.04134,-0.0103 0.07235,-0.031 0.031,-0.031 0.05168,-0.062 0.01033,-0.0413 0.01033,-0.0827 -0.01033,-0.0414 -0.03101,-0.0724 -0.031,-0.031 -0.02067,0 0.01033,0.0207 -0.05168,0.0517 -0.06201,0.031 -0.08268,0 -0.01033,-0.031 0.06201,-0.031 0.07235,0 0.07235,-0.0103 v -0.0103 q -0.01033,0 -0.03101,-0.0207 -0.02067,-0.0103 -0.07235,-0.0517 -0.04134,-0.0413 -0.07235,-0.031 -0.02067,0.0103 -0.04134,0.0103 -0.01033,0.0103 0.01034,0 0.02067,-0.0103 -0.01034,0 -0.03101,0.0103 0,0.031 0.02067,0.0207 0.04134,0 0.02067,-0.0103 -0.02067,-0.031 -0.03101,-0.0207 -0.08268,0.0207 -0.04134,0.0413 -0.08268,0.0827 -0.04134,0.0413 0,0.093 0.02067,0.0207 0.04134,0.0413 0.01033,0 -0.03101,-0.0413 -0.02067,-0.0103 -0.04134,-0.031 0,0.0103 0.04134,-0.031 0.04134,-0.031 0.03101,-0.031 0.02067,0.0207 0.04134,0.0413 0.04134,0.0413 0.113688,0.0413 0.08268,-0.0103 0.04134,-0.0517 -0.04134,-0.0413 -0.08268,-0.0827 -0.04134,-0.0413 -0.01034,0 0.03101,0.0413 0.07235,0.0723 0.02067,0.0207 0.04134,0.031 0,-0.0103 0,-0.0207 0,-0.0103 0,-0.0207 0,0 0,-0.0103 v -0.0103 q 0,-0.0103 0,-0.0207 0,-0.0103 0,-0.0207 0,-0.0103 0,-0.0207 0,0 0,-0.0103 0,-0.0103 0,-0.0207 0,-0.0103 0,-0.0207 v -0.0103 q 0,-0.0103 0,-0.0207 0,-0.0103 0,-0.031 0,-0.0103 0,-0.0207 0,-0.0103 -0.01033,0 -0.01034,0.0207 0,0.0103 0.01033,-0.0207 0.02067,-0.0517 0.01034,-0.0413 0.01034,-0.0517 0,-0.0103 0,-0.0207 0,-0.0103 0,-0.0207 0,-0.0103 -0.01034,0 0,0 0.01034,-0.0207 0,-0.0103 0.01033,-0.031 0,-0.031 0,-0.0413 0,-0.0103 0,-0.0207 0.01034,-0.0207 0.01034,-0.031 0,-0.0207 0,-0.0414 0.01033,-0.0207 0.01033,-0.0517 0,-0.0207 -0.01033,-0.0207 0.01033,0 0.01033,-0.0103 0.01034,-0.0207 0.01034,-0.0413 0,-0.0207 0.01033,-0.0207 0,-0.0103 0.01033,-0.031 0.02067,-0.0207 0.03101,-0.0413 0.01033,-0.031 0.02067,-0.062 0.01034,-0.0207 0.02067,-0.0413 0.01034,-0.031 0.02067,-0.0413 0.01033,-0.0207 0.02067,-0.0517 0.01034,-0.0207 0.02067,-0.0517 0,-0.0207 0.01033,-0.031 -0.01033,-0.0103 0,-0.0207 0.01034,0 0.02067,-0.031 0.02067,-0.031 0.02067,-0.0517 0.01034,-0.0207 0.01034,-0.0413 0,-0.0207 0,-0.0103 l 0.01034,-0.0103 q 0.01033,-0.0207 0.02067,-0.0414 0.01033,-0.031 0.01033,-0.0413 0,-0.0103 0.01033,-0.0207 0.01033,-0.0207 0.02067,-0.0413 0.02067,-0.031 0.03101,-0.062 0.01034,-0.031 0.02067,-0.0517 0,-0.031 0.01033,-0.0517 0,-0.0207 0.01034,-0.0517 0.01033,-0.031 0.02067,-0.062 0,-0.031 0,-0.0413 0,-0.0103 0.01034,-0.031 0.01033,-0.0207 0.02067,-0.0413 0.01034,-0.0207 0.02067,-0.0517 0.02067,-0.031 0.03101,-0.062 0.01034,-0.031 0.02067,-0.0517 0.02067,-0.031 0.04134,-0.0724 0.01034,-0.031 0.02067,-0.0724 0.01033,-0.031 0.03101,-0.062 0.01033,-0.0207 0.02067,-0.0413 0.01034,-0.031 0.04134,-0.062 0.02067,-0.0413 0.031,-0.0724 0.01034,-0.0413 0.03101,-0.062 0.01034,-0.031 0.03101,-0.0724 0.01033,-0.0413 0.02067,-0.062 0,-0.031 0.01033,-0.0413 0.01034,-0.0207 0.03101,-0.062 0.02067,-0.031 0.03101,-0.062 0,-0.031 0.02067,-0.062 0.01034,-0.0207 0.02067,-0.062 0.02067,-0.0413 0.03101,-0.0723 0.01033,-0.031 0.02067,-0.0724 0.01034,-0.0413 0.02067,-0.0724 0.02067,-0.0413 0.02067,-0.062 0.01034,-0.031 0.03101,-0.0724 0.02067,-0.031 0.04134,-0.0723 0.01034,-0.031 0.03101,-0.0827 0.03101,-0.0413 0.04134,-0.093 0.02067,-0.0414 0.03101,-0.0827 0.01034,-0.0413 0.03101,-0.0827 0.02067,-0.0413 0.04134,-0.093 0.01034,-0.0413 0.03101,-0.0827 0.01033,-0.0413 0.03101,-0.0827 0.02067,-0.0413 0.05168,-0.093 0.02067,-0.0517 0.04134,-0.10335 0.02067,-0.0413 0.031,-0.0827 0.02067,-0.0413 0.03101,-0.0724 0.01034,-0.0413 0.02067,-0.0724 0.01033,-0.031 0.02067,-0.062 0.01034,-0.031 0.02067,-0.062 0.01033,-0.031 0.02067,-0.0517 0,-0.031 0.02067,-0.0517 0.02067,-0.031 0.04134,-0.062 0.02067,-0.0413 0.03101,-0.0723 0.01033,-0.0207 0.03101,-0.062 0.03101,-0.031 0.04134,-0.0724 0.02067,-0.0413 0.04134,-0.0827 0.02067,-0.031 0.04134,-0.0724 0.02067,-0.0413 0.04134,-0.0827 0.02067,-0.031 0.04134,-0.062 0.02067,-0.031 0.03101,-0.0724 0.02067,-0.031 0.04134,-0.062 0.02067,-0.031 0.04134,-0.0724 0.02067,-0.0413 0.03101,-0.0724 0.01033,-0.031 0.03101,-0.062 0.01033,-0.0207 0.031,-0.062 0.01034,-0.0413 0.03101,-0.0724 0.01034,-0.031 0.03101,-0.062 0.01034,-0.031 0.03101,-0.0827 0.02067,-0.0413 0.03101,-0.0724 0,-0.031 0.02067,-0.062 0.02067,-0.031 0.04134,-0.0724 0.02067,-0.0413 0.031,-0.0827 0.01034,-0.031 0.03101,-0.062 0.02067,-0.031 0.03101,-0.0724 0.01033,-0.0413 0.02067,-0.0724 0.01033,-0.031 0.03101,-0.0723 0.01033,-0.031 0.01033,-0.0517 0,-0.0207 0.01033,-0.0413 0.02067,-0.0207 0.02067,-0.0517 0.01033,-0.0207 0.03101,-0.0413 0.01034,-0.0207 0.02067,-0.0413 0,-0.0103 0,-0.0207 0.01033,-0.0103 0.02067,-0.0207 0.01033,-0.0207 0.03101,-0.062 0.01033,-0.0413 0.01033,-0.0517 -0.01033,0 0,-0.0103 0,-0.0103 0,-0.0103 0,-0.0103 0.01033,-0.0207 0,-0.0103 0,-0.0207 0,-0.0103 0.02067,-0.0207 0.01033,-0.0207 0,-0.031 0,-0.0103 0,0 0,0.0207 0.01033,0 0.02067,-0.0103 0.03101,-0.031 0,-0.0103 0.02067,-0.0207 0.01034,-0.0103 0.02067,-0.031 0.02067,-0.0207 0.04134,-0.0413 0.01033,-0.0207 0.02067,-0.0207 0,-0.0103 0.02067,-0.0207 0.01034,0 0.04134,-0.0207 0.02067,-0.0207 0.05168,-0.0413 0.02067,-0.0103 0.04134,-0.031 0.02067,-0.0103 0.02067,-0.0207 l 0.01033,-0.0103 q 0.01033,-0.0103 0.02067,-0.0103 0.02067,0 0.03101,-0.0103 0.01034,-0.0103 0.02067,-0.0103 0.01033,-0.0103 0.02067,-0.0103 0.01034,0 0.04134,-0.0103 0.03101,-0.0103 0.05168,-0.0207 0.01033,-0.0103 0.03101,-0.0207 0.02067,-0.0103 0.03101,-0.0103 0.02067,-0.0103 0.04134,-0.0103 0.03101,-0.0103 0.06201,-0.0207 0.03101,-0.0103 0.04134,-0.0103 0.02067,-0.0103 0.04134,-0.0103 0.02067,-0.0103 0.04134,-0.0207 0.03101,-0.0103 0.04134,-0.0103 0.01033,-0.0103 0.02067,0 0.02067,-0.0103 0.04134,-0.0103 0.01033,0 0.03101,-0.0103 0.01033,-0.0103 -0.01034,0 -0.02067,0.0103 -0.01033,0.0103 0.01033,0 0.02067,0 0.01033,0 0.02067,0 0,-0.0103 -0.01033,-0.0103 -0.01033,0 0.01033,0.0103 0.01034,0.0103 0.02067,0.0103 h 0.01034 q 0,0.0103 0,0.0207 0,0 0.02067,0.0207 0.01033,0.031 0.03101,0.0517 0.01033,0.0207 0.031,0.0517 0.02067,0.031 0.03101,0.0517 0.02067,0.031 0.03101,0.062 0.02067,0.0207 0.04134,0.0724 0.02067,0.0413 0.05168,0.093 0.02067,0.0413 0.04134,0.0827 0.02067,0.0413 0.05168,0.093 0.02067,0.0517 0.05168,0.10335 0.03101,0.0517 0.06201,0.10335 0.031,0.0517 0.05168,0.093 0.02067,0.0517 0.04134,0.10335 0.02067,0.0517 0.04134,0.10336 0.02067,0.0517 0.04134,0.11368 0.02067,0.062 0.04134,0.11369 0.02067,0.062 0.04134,0.12403 0.02067,0.0517 0.04134,0.12402 0.01033,0.0724 0.03101,0.14469 0.01033,0.0724 0.03101,0.1447 0.01033,0.0827 0.02067,0.16536 0.01033,0.0724 0.02067,0.16537 0.01033,0.093 0.03101,0.18603 0.01034,0.093 0.02067,0.18604 0.01033,0.093 0.03101,0.18603 0.01034,0.093 0.02067,0.18604 0.01033,0.093 0.02067,0.18603 0.01033,0.10335 0.03101,0.19637 0.02067,0.093 0.03101,0.18604 0.02067,0.093 0.03101,0.18603 0.02067,0.093 0.02067,0.18604 0.01034,0.0827 0.02067,0.1757 0.01033,0.0827 0.02067,0.16536 0.01034,0.0827 0.01034,0.15503 0.01033,0.062 0.01033,0.1447 0,0.0723 0,0.14469 0.01033,0.0724 0.01033,0.13436 0.01034,0.062 0.01034,0.13436 0,0.062 0.01033,0.13436 0.01034,0.0827 0.02067,0.14469 0.01034,0.0724 0.02067,0.12402 0.01033,0.062 0.02067,0.12403 0,0.062 0.01033,0.12402 0.01033,0.062 0.02067,0.11369 0.01034,0.062 0.02067,0.11369 0.01033,0.0517 0.02067,0.10335 0,0.062 0.01033,0.11369 0,0.0517 0.01033,0.10335 0,0.062 0.01034,0.11369 0.02067,0.0517 0.03101,0.10335 0.01034,0.0413 0.01034,0.093 0.01033,0.0413 0.02067,0.093 0.01033,0.0517 0.02067,0.093 0.01034,0.0414 0.01034,0.0827 0.01033,0.0517 0.02067,0.093 0.01033,0.0413 0.01033,0.0827 0.01033,0.031 0.01033,0.062 0.01034,0.031 0.01034,0.0723 0,0.0517 0.01034,0.093 0.01033,0.031 0.01033,0.062 0,0.031 0,0.0724 0,0.0413 0,0.0724 0,0.0413 0,0.0724 0,0.0413 0,0.0723 0,0.031 0,0.062 0,0.0413 0,0.062 0,0.031 0,0.0517 0,0.031 0,0.0517 0,0.0207 0,0.0413 0,0.0207 0,0.031 0,0.0103 0,0.0207 0,0.0103 0,0.0207 0,0.0103 0,0.0103 0,0.0103 0,0.0207 0.01033,0.0207 0.03101,0.0413 0.04134,0.0413 0.113688,0.0724 0.07235,0.0413 0.113688,-0.0103 0.04134,-0.0413 0.06201,-0.0827 0.01034,-0.0413 0.01034,-0.0517 0,-0.0103 0,-0.0207 0,-0.0103 0,-0.0207 0,-0.0103 0,-0.0414 0,-0.0207 -0.01034,-0.0413 0,-0.0103 0,-0.031 0,-0.0103 -0.01033,-0.0517 0,-0.031 -0.01034,-0.0517 0,-0.0207 -0.02067,-0.062 -0.02067,-0.031 -0.05168,-0.0517 -0.03101,-0.031 -0.07235,-0.031 -0.04134,0 -0.08268,0.0207 -0.03101,0.0207 -0.06201,0.0517 z m 0.981852,-3.58634 q 0.04134,-0.031 0.07235,-0.0724 0.03101,-0.0413 0.02067,-0.0413 -0.02067,0 -0.04134,0.0103 -0.02067,0 -0.02067,0.0103 -0.01033,0 -0.02067,0 -0.01033,-0.0103 -0.03101,-0.0103 -0.03101,0.0103 -0.07235,0.0103 -0.03101,0 -0.08268,0.0103 -0.04134,0.0103 -0.08268,0.0207 -0.05168,0 -0.113688,0.0103 -0.05168,0.0103 -0.113688,0.0207 -0.06201,0.0103 -0.144694,0.0207 -0.07235,0.0103 -0.165365,0.0207 -0.09302,0.0103 -0.186035,0.0207 -0.09302,0.0103 -0.186035,0.031 -0.103353,0.0103 -0.206706,0.0207 -0.09302,0.0207 -0.206706,0.031 -0.113688,0 -0.227376,0.0103 -0.113688,0.0207 -0.217041,0.031 -0.113688,0.0103 -0.227376,0.0207 -0.113688,0.0103 -0.227377,0.0207 -0.124023,0.0207 -0.248046,0.031 -0.113689,0.0103 -0.237712,0.0207 -0.113688,0.0103 -0.237712,0.0207 -0.124023,0.0103 -0.237711,0.0103 -0.113688,0.0103 -0.227376,0.0207 -0.113689,0.0103 -0.227377,0.0103 -0.103353,0 -0.206705,0 -0.09302,0 -0.1757,-0.0103 -0.08268,0 -0.165365,0 -0.07235,0 -0.134359,0 -0.06201,-0.0103 -0.134358,-0.0103 -0.07235,-0.0103 -0.124024,-0.0103 -0.06201,0 -0.113688,0 -0.05168,0 -0.103353,0 -0.04134,0 -0.103353,0.0103 -0.05168,0 -0.103352,0 -0.04134,0.0103 -0.08268,0.0103 -0.04134,0.0103 -0.06201,0.0103 -0.03101,0.0103 -0.06201,0.0103 -0.04134,0 -0.07235,0 -0.04134,0.0103 -0.07235,0.0207 -0.02067,0 -0.04134,0.0103 -0.02067,0 -0.04134,0.0103 -0.03101,0.0103 -0.03101,0.0207 0.01034,0 0,0 0,-0.0103 -0.03101,0.0103 -0.03101,0.0103 -0.06201,0.031 -0.02067,0.0103 -0.04134,0.0517 -0.02067,0.0413 -0.03101,0.0724 0,0.0103 0,0.0207 0,0.0103 0,0.0207 0,0.0103 0,0.0207 0,0.0103 0.01033,0.0517 0.01034,0.0413 0.03101,0.0723 0.03101,0.031 0.07235,0.0413 0.04134,0.0103 0.08268,0 0.04134,-0.0103 0.06201,-0.0413 0.03101,-0.031 0.04134,-0.0723 0.01034,-0.0413 0.01034,-0.0517 0,-0.0103 0,-0.0207 0,-0.0103 0,-0.0207 0,0.0103 0,0.0207 -0.01034,0.0207 -0.02067,0.0413 -0.01033,0.0207 -0.02067,0.031 -0.02067,0.0103 -0.03101,0.0207 -0.01034,0 0.01033,0 0.02067,-0.0103 0.04134,-0.0207 0.01033,0 0.02067,-0.0103 -0.01034,0.0103 0.01034,0 0.02067,0 0.04134,-0.0103 0.02067,-0.0103 0.03101,-0.0103 0.02067,0 0.05168,0 0.03101,0 0.06201,0 0.04134,-0.0103 0.08268,-0.0103 0.04134,-0.0103 0.08268,-0.0103 0.04134,-0.0103 0.08268,-0.0103 0.04134,0 0.08268,0 0.05168,0 0.103353,0 0.05168,0 0.103353,0 0.05168,0 0.113688,0 0.07235,0.0103 0.134359,0.0103 0.07235,0.0103 0.144694,0.0103 0.08268,0 0.165364,0 0.09302,0 0.186036,0 0.103352,0 0.217041,0 0.113688,0 0.227376,0 0.124023,-0.0103 0.237711,-0.0207 0.113689,-0.0103 0.237712,-0.0207 0.124023,0 0.248047,-0.0103 0.124023,-0.0207 0.237711,-0.031 0.124024,-0.0103 0.248047,-0.0207 0.113688,-0.0103 0.227377,-0.0207 0.113688,-0.0207 0.227376,-0.031 0.113688,-0.0103 0.217041,-0.0207 0.113688,-0.0103 0.227376,-0.0207 0.113688,-0.0103 0.217041,-0.0207 0.103353,-0.0207 0.206706,-0.031 0.09302,-0.0103 0.186035,-0.0207 0.09302,-0.0207 0.1757,-0.031 0.09302,-0.0103 0.1757,-0.0207 0.08268,0 0.144694,-0.0207 0.07235,-0.0103 0.124023,-0.0207 0.06201,0 0.103353,-0.0103 0.05168,-0.0103 0.09302,-0.0207 0.04134,0 0.07235,-0.0103 0.02067,0 0.04134,0 0.01033,0 0.04134,0 0.03101,0 0.06201,-0.0103 0.03101,0 0.03101,-0.0103 h -0.01034 q -0.01033,0 0.04134,-0.031 0.04134,-0.0413 0.08268,-0.093 0.04134,-0.0413 0.03101,-0.0827 -0.01034,-0.0413 -0.04134,-0.0724 -0.031,-0.031 -0.07235,-0.0413 -0.04134,-0.0103 -0.07235,0 -0.04134,0.0103 -0.07235,0.0413 z"></path>
</svg> Распространяя это на все ваши пути, которые вы можете сделать
let paths = document.querySelectorAll("svg path")
paths.forEach(p=>{
let bb = p.getBBox()
p.setAttribute("transform", `translate(${-bb.x -bb.width/2 10},${-bb.y - bb.height/2 10})`)
})
В моем коде я изменил ширину svg на 100, потому что я хотел видеть путь. Вы можете изменить его обратно на то, что вам нужно. Вы также можете удалить границу. Чтобы понять, что происходит, пожалуйста, подумайте о добавлении границы или контура к вашим элементам svg.