Вставка SVG в страницу ↓

Категория: Статьи о графике -> Векторная графика (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
Пожалуйста, при копировании материала ставьте активную ссылку на статью.



Ваш комментарий

Имя:


Содержание: