SVG в HTML скрипты и IE = сумасшедший дом

Опубликовано Vladimir Lukianov в Втр, 01.07.2008 - 18:07

Очень приятный для программиста формат SVG да только хочется его встроить в свой дизайн (в html). И тут начинаются фокусы.

Во первых включение inline не поддерживается большинством браузеров на данный момент.

Остается iframe, object и embed

У каждого решения есть свои преимущества и недостатки.

Оказывается "замечательный" и неповторимый IE ведет себя с включенными обйектами в общем и с SVG в частности следующим образом:

Если объект включен стандартизированным W3C тагом object

Пример:

<object data="test.svg" HEIGHT="300" WIDTH="900" TYPE="image/svg-xml" 
PLUGINSPAGE="http://www.adobe.com/svg/viewer/install/" />

то скрипты во включенном svg, будь то inline или внешние, НЕ работают.

Решение очень простое - использовать embed или на худой конец iframe

Пример:

<EMBED SRC="test.svg" HEIGHT="300" WIDTH="900" TYPE="image/svg-xml" 
PLUGINSPAGE="http://www.adobe.com/svg/viewer/install/"></EMBED>

Стоит также отметить что конструкция object с embed внутри для SVG в IE6 не проходит. В этом случае последний доблестно хватает object и опять же скрипты не пускает

PS браузере Opera  7 работают оба  варианты :-), а Opera 8 имеет встроенную поддержку SVG