Отображение SVG в HTML

Question

У меня есть веб-сервис, который возвращает строку кода SVG.Моя проблема в том, что я не уверен, что с этим делать.Я никогда не работал с SVG раньше.Мои вопросы:

1. Обладает ли SVG сильной поддержкой обычных браузеров?
2. Как на самом деле отобразить изображение, которое представляет SVG?

Answer 1

Svg - это спецификация для XML. Большинство современных браузеров могут просто отображать его встроенным, а Internet Explorer - нет.

Я рекомендую обернуть все содержимое SVG в svgweb , который представляет собой тонкий слой вокруг кода SVG Если пользователь использует стандартный совместимый браузер, он будет нормально отображать svg. В противном случае он преобразует его во флэш-контент.

Answer 2

SVG поддерживается почти всеми основными браузерами, кроме IE, я думаю, но это также может быть отображено с помощью некоторого плагина.IE отображает VML

Я предлагаю использовать RaphaelJS http://raphaeljs.com/reference.html#image

РЕДАКТИРОВАТЬ:

var r = Raphael("holder", 600, 540); //"holder" is the id of an empty div in html file 
r.image("lion.svg", 140, 140, 320, 240);// r.image(src,x,y,width,height)

Answer 3

Большинство современных браузеров поддерживают SVG, но немногие все еще используют браузеры (например, Internet Explorer 7). Поэтому для идеальной совместимости вы должны придерживаться форматов GIF, JPG или PNG. Проверьте свой собственный браузер здесь: http://alphanemoon.com/2008/artikel/inline-svg-browser-test.xhtml

Answer 4

Начиная с HTML5, вы можете встраивать SVG непосредственно в HTML-документ.Это поддерживается всеми основными современными браузерами, кроме Internet Explorer.Вы можете использовать концепцию HTML canvas (как показано здесь )

Но, поскольку вы, скорее всего, пока не можете оставить IE, вы можете выбрать один из трех показанных вариантов. здесь