Блог

Хорошо, у меня есть png-изображение сетевого коммутатора. Все эти коммутаторы имеют ряд видимых портов. Эти порты обычно запускаются с 0, 1, 2, …n. Пожалуйста, смотрите изображение ниже. Я хочу отобразить изображение и позволить пользователю щелкнуть по любому из портов, сверху или снизу. Я хочу иметь возможность различать, на какой порт был нажат. Я попытался использовать карту в своем html, но это немного длинновато. Некоторые люди предложили использовать карту svg. Я попытался преобразовать свои изображения в svg с помощью ряда инструментов, некоторые из которых-inkscape и https://vecta.io. Одна из проблем, которую я обнаружил, заключается в том, что эти инструменты создают очень большой файл, а поскольку я буду использовать несколько изображений, мой html-файл будет невообразимо большим. Может ли кто-нибудь порекомендовать более простой инструмент?

Спасибо