Интерактивная модель (графика)

Question

Я бы хотел разработать интерактивную модель нейрона. Нейрон должен отображать информацию (или что-то еще), когда по ней щелкают детали. Проблема в том, что я не представляю, как я могу это сделать. Пожалуйста, помогите мне.

Answer 1

1. Создать SVG

Проверьте это: Создать SVG

2. Разделите SVG на области

Проверьте это: Генератор карт изображений SVG

3. Создать соответствующий HTML-код

<img id="myMap" src="example.svg" width="100" height="100" usemap="#map" alt="" />

<map name="map">
    <area target="_self"  title="Area1" href="#" coords="2032,1946,1018,1312" shape="rect">
    <area target="_self"  title="Area2" href="#" coords="2032,1946,1018,1312" shape="rect">
    <area target="_self"  title="Area3" href="#" coords="2032,1946,1018,1312" shape="rect">
</map>

Это пример того, что вы можете создать, используя эту технику: Пример сценариев SVG: интерактивная карта

Надеюсь, это поможет вам начать!