У меня есть пара изображений SVG в элементе HTML5 <picture>, которые отображаются в соответствии с альбомной или альбомной ориентацией окна браузера.Вот так:
<picture title="spong" />
<source sizes="100%" srcset="spong-landscape.svg" media="(orientation:landscape)">
<img width="100%" src="spong-portrait.svg">
</picture>
Это хорошо работает.Однако элементы привязки в этих изображениях SVG не реагируют на щелчки при отображении таким образом (в протестированных браузерах: Firefox 60.0.1, Chrome 66.0.3359.181, Safari 11.1 (13605.1.33.1.4), все в macOS 10.13.4),Они отлично работают, если я просматриваю изображения SVG непосредственно в браузере.
Есть ли простой способ указать элементу <picture> обрабатывать клики в соответствии с базовыми <source> или <img>?Если нет, то как я могу отобразить изображение, которое (а) преобразуется с соотношением сторон и (б) содержит ссылки?