концы линии привязаны к центрам кругов. Как делать так, чтобы при смещении кругов смещалась и соединяющая их центры линия?
UPD (после того, как дан ответ). Круги смещаются по отдельности: один круг смещается, и конец линии, привязанный к нему, смещается вместе с ним. Другой конец линии вместе с другим кругом остаётся на месте.
Для этого надо объединить два круга и линию в одну группу
Рисуете в редакторе два круга, заполняете из цветом, далее рисуете линию соединяющую центры кругов.
Далее нажав SHIFT делаете выделение всех объектов и объединяете их в группу нажав на иконку (показана красной стрелкой) или просто нажимаете CTRL+G
Всё объекты одно целое и их можно перемещать по холсту, как одно целое.
Ниже код svg этих фигур
<svg version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="100%" height="100%" viewBox="0 0 800 600" >
<g id="groupCircle">
<circle cx="100" cy="100" r="50" fill="red"/>
<circle cx="300" cy="100" r="50" fill="blue"/>
<polyline stroke="black" stroke-width="3px" fill="black"
points=" 100,100 300,100" />
</g>
</svg>
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Подскажите новичкуЕсть форма, нужно через JS файлы сделать 2 конфига: - менять бг кнопки; - менять валюту
Недавно фронтенд-разработчик сдал верстку сайта на проверку, проблема заключается в том, что в рандомных местах появляются вотермарки такого...
Добрый день, я совсем новичок в nodeJs столкнулся с проблемой, гугления которой уже несколько дней так и не дает ответаДелаю парсер одного сайта,...