На своей домашней странице я пытаюсь вставить svg с кликабельными частями, которые ссылаются на другие веб-страницы. Я сделал это SVG с Illustrator, и когда я открываю его в браузере напрямую, все работает так, как должно. Однако, как только я размещаю этот svg на своей веб-странице, при нажатии на него, кажется, открывается изображение, а не открывается фактическая страница, с которой он связан. Если вы щелкнете правой кнопкой мыши и нажмете «открыть в новой вкладке» или «открыть в новом окне», ссылка откроется.
svg отображается на www.unfoldmyworld.com, это карта мира с интерактивными изображениями.
Вот фрагмент кода из svg относительно области, на которую можно кликать:
<a xlink:href="http://www.unfoldmyworld.com/Africa" xlink:show="replace">
<polygon id="Box-1" fill="#FFFFFF" opacity="0" points="366.938,336.958 461.559,
336.946 461.583,409.583 481.003,409.56 480.979,449.266 441.263,449.266 441.28,
431.596 366.938,431.58 "/>
Чтобы получить svg на мою страницу wordpress elementor, я установил поддержку svg плагина. Я уже пытался вставить xlink:show="new" и target="_blank", что не помогло. Я также попытался поместить весь встроенный svg в поле кода html, что привело к той же проблеме. Если кто-нибудь скажет мне, что я должен сделать, чтобы эти ссылки действительно открыли нужную страницу в текущем окне (а не в новом), это было бы очень полезно.