Тег img HTML может иметь несколько атрибутов src?
Во многом как то, как видео тег может обеспечить несколько исходных атрибутов, таким образом, mp4 видео может отступить к ogg видео, я хотел бы заставить изображение SVG отступать к изображению png.
4 ответа
Здесь есть пост, который может помочь: Обратное изображение и таймаут - Внешнее содержимое. Javascript
Здесь предлагается несколько вариантов javascript.
Использование фонового изображения работает хорошо, но вы должны знать размеры ваших изображений. Если вы не знаете, то это может оказаться сложной задачей.
Нет, не может.
Однако вы можете подделать это, используя фоновые изображения CSS.
Чтобы избежать отображения глифа разорванного изображения, вы можете вообще не использовать тег , а вместо этого использовать два вложенных элемента с разными фоновыми изображениями. (Учтите, что это повредит доступности)
Просто включите svg как и поместите в него .
<object data='image.svg'>
<img src='image.png'>
</object>
Это должно сработать. Изображение png будет отображаться только тогда, когда невозможно отобразить svg.