Как заменить часть SVG при клике?

Question

[Максим К]

Делаю интерактивную карту, сама картинка SVG. В HTML коде задал область

<svg viewBox="0 0 2702.2222 1859.0476">	
			<a href="#">
				<path class="pc" d="m 2314.3246,1512.5313 h 220.0505 v 207.4039 l -217.5212,-5.0586 z" fill="#bf2523" description-data="PC1"></path>
			</a>
		</svg>

Таких областей 30 штук. Как перерисовать данную область на новую картинку? Грубо говоря есть одна иконка, при клике сменить иконку на другую и таких иконок в одном файле 30 штук.

Answer 1

[Karpion]

Для начала - надо дать тегу path какой-то id. И затем поменять свойство d .
Как-то так...

Comments

[Максим К]

Сможете помочь - с заменой 1-го любого элемента при наведении - исходники по ссылке https://github.com/maksmkv/html_svg.git

Уже кучу статей прочитал, понимаю что SVG должен быть сделан одним path, но если он сделан как у меня тогда как можно изменить цвет элемента? Спасибо