Категория: Статьи о графике -> Векторная графика (SVG)
Иногда SVG изображение является интерактивным и не может взаимодействовать с пользователем через тег <img>. Кроме того, вставляя картинку через тот же тег <img>, можно столкнуться с некоторыми неприятными неожиданностями в некоторых браузерах (Firefox).
Основным способом вставки SVG файлов на вебстраницу является тег <embed>:
<embed src="image.svg" width="400" height="400"
type="image/svg+xml" name="Моя SVG картинка"
pluginspage="http://www.adobe.com/svg/viewer/install/main.html"
wmode="transparent">
- src - URL файла картинки.
- width, height - ширина и высота.
- type - mime тип.
- name - название картинки.
- pluginspage - URL плагина. Туда будет перенаправлен пользователь с браузером без поддержки SVG.
- wmode - фоновый цвет незакрашенных участков рисунка, в данном случае фон прозрачный (transparent).
Помимо этого, XML код рисунка можно описывать прямо в XHTML документе, в HTML5 была внедрена inline поддержка SVG:
<svg xmlns="http://www.w3.org/2000/svg" width="300" height="200"> </svg>
Однако из-за сырости браузерной поддержки, так делать пока рано.
Дата: 2010.05.19 в 15:33:55
Пожалуйста, при копировании материала ставьте активную ссылку на статью.
Ваш комментарий