Как увеличить часть свг на весь экран по клику?

Question

[flear]

При клике на часть свг - она должна увеличится поверх всего

Comments

[ned4ded]

Что конкретно имеется ввиду? Увеличение какого-то конкретного элемента свг (например, круга) по клику или увеличение всего свг полотна по клику с центровкой в месте клика?

[flear]

у меня есть планировка дома это 1 свгшка, квартиры это ее части, при клике на квартиру мне нужно увеличивать поверх всего эту квартиру и центрировать сейчас у меня получается ээто немного не так

Answer 1

[Максим Тимофеев]

в два шага
1. Написать js код, который по событию клика на элементе добавит ему класс
2. Добавить стили, которые трансформируют элемент
У svg с трансформациями отдельная история, особенно относительно точки вращения, так что предварительно прочитайте:
https://css-tricks.com/transforms-on-svg-elements/