@weart

Как добавить элемент внутрь svg через js и запретить его масштабирование?

Привет всем. Что-то не соображу, как сделать.

Имеется svg (схема одним патчем), куда надо добавить точки с привязкой к месту, чтобы никуда они не съезжали при масштабировании схемы.

Пример файла:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 758.43 374.25">
	<rect x="220" y="200" width="50" height="50" rx="50" />
	<path d="M756.91 87.14c-0.87 0-1.63-0.48-2.47-0.63 -0.55-0.1-1.11-0.03-1.66-0.11 -1.64-0.25-0.9-1.06 0.32-1.24 0.63-0.09 1.31-0.32 1.93-0.33 0.76-0.02 1.56 0.42 2.26 0.69 0.43 0.17 1.23 0.36 1.13 0.97C758.33 87.05 757.35 87.14 756.91 87.14zM754.54 85.15c-0.43 0.23-2.49-0.03-2.61 0.52 -0.14 0.62 2.36 0.54 2.71 0.59 0.39 0.06 3.8 1.32 3.31-0.07C757.69 85.46 755.16 84.71 754.54 85.15zM607.1 213.35c-0.51 0.13 0.62 3.07 1.97 2.64C610.48 215.54 608.03 213.14 607.1 213.35zM609.04 215.69c-1.22 0.39-1.63-1.23-1.82-2.09C607.69 213.7 609.9 215.42 609.04 215.69zM341.19 103c0.84 0 2.32-2.12 1.23-2.16C341.73 100.82 340.56 103 341.19 103zM342.27 101.18c1.17-0.41-1.12 1.92-1.07 1.69C341.08 102.3 341.84 101.48 342.27 101.18zM730.04 279.97c-0.83-0.23-3.06 0.69-1.85 1.67C729.61 282.8 731.38 280.35 730.04 279.97zM729.68...


Соответственно два вопроса:

1. Как сделать фиксированный размер rect независимо от размера экрана?
2. Как лучше сделать добавление новых rect в svg? И да - инлайнить его не вариант, там размер в сотни строк.
  • Вопрос задан
  • 427 просмотров
Решения вопроса 1
RAX7
@RAX7
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
iamd503
@iamd503
Верстальщик
1.
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 758.43 374.25" width="758px" height="374px">

2. инлайнить
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
summer Ярославль
от 100 000 до 140 000 ₽
КРАФТТЕК Санкт-Петербург
от 60 000 до 80 000 ₽
19 апр. 2024, в 17:06
15000 руб./за проект
19 апр. 2024, в 16:53
1000 руб./за проект
19 апр. 2024, в 16:45
5000 руб./за проект