Самый простой способ встроить векторную графику SVG / SVGZ в веб-сайт HTML (для всех основных браузеров 2016 года)

Question

Какой самый простой способ встроить векторные SVG или сжатые иллюстрации SVGZ на веб-сайт?
Он должен корректно работать в версиях Firefox, Chrome, Opera, Safari и Internet Explorer 2016 года.

Answer 1

это тебе поможет ...

<embed src="svg.svgz" width="200px" height="200px" type="image/svg+xml" /> 

Answer 2

IE8 никак не поддерживает SVG (без дополнительных библиотек, таких как SVGWeb), поэтому вы не сможете заставить его работать независимо от вашей разметки.

Хотя описанный вами метод работает хорошо, ялично я предпочитаю включать мой SVG-текст в XHTML, так как он позволяет мне смешивать стили CSS для HTML и SVG и обеспечивать полное перемешивание JavaScript.У меня есть пример этого здесь: http://phrogz.net/svg/3-point-circle.xhtml

Обязательно предоставьте файлы .xhtml как Content-Type:application/xhtml+xml с вашего веб-сервера.

Answer 3

Вы можете преобразовать SVG в Raphael.is Это заставит его работать в IE6 и выше, а также в браузерах Webkit. Просто посмотрите на это изображение, когда вы закончите, нажмите на ссылки, чтобы перейти на страницу и инструмент SVGTOHTML. Не уверен насчет SVGZ, но эти файлы довольно компактны и работают на SVG для Webkit и болят под названием VML в фирменном IE.

http://www.irunmywebsite.com/raphael/teacup.php Извиняюсь за правописание на iPod!

Answer 4

Вы можете использовать svgweb, инструментарий, который создает кросс-браузерные встраиваемые SVG-вложения. Для IE он автоматически создает файл Flash.

http://code.google.com/p/svgweb/