ads
ads
ads
ads
ads
МЕНЮ:
Главная Сотовая связь Софт Веб-мастеру Графика Железо Portable Игры Интернет Чудеса Науки Apache Delphi Drupal Flash Html Юмор Каталог ноутбуков FAQ
загрузка...


О железках:
В Сети появился рендер смартфона Meizu 15 Plus
Nokia 10 может получить камеру с 6 объективами
Xiaomi выпустила уникальное зарядное устройство Mi Car Inverter
Apple схлопотала коллективный иск из-за уязвимостей Meltdown и Spectre
Возможный рендер Xiaomi Mi 7 попал в Сеть
Топ новостей
Разработанная Стивом Джобсом операционка Lisa попадет в ...
Разработанная Стивом Джобсом операционка Lisa попадет в ...


На Apple хотят подать в суд сразу 67 000 пользователей
На Apple хотят подать в суд сразу 67 000 пользователей


LG X4+ с 5,3-дюймовым дисплеем и долговечностью военног ...
LG X4+ с 5,3-дюймовым дисплеем и долговечностью военног ...


HTC создает лампочку, которая будет спасать жизни
HTC создает лампочку, которая будет спасать жизни


Microsoft планирует отказаться от использования паролей
Microsoft планирует отказаться от использования паролей


HP представила новый ноутбук Spectre x360 15, 3D-камеру ...
HP представила новый ноутбук Spectre x360 15, 3D-камеру ...


HMD Global готовит к анонсу бюджетник Nokia 1
HMD Global готовит к анонсу бюджетник Nokia 1


Samsung официально представила флагманский чипсет Exyno ...
Samsung официально представила флагманский чипсет Exyno ...


С Apple хотят через суд взыскать $1 трлн
С Apple хотят через суд взыскать $1 трлн


Приближается выход Nokia 3310 с поддержкой 4G
Приближается выход Nokia 3310 с поддержкой 4G


О софте:
"Лунная деревня" приобретает очертания
BASSLET — гаджет любителей клубов
Хакеры способны взломать кардиостимуляторы
Новосибирские физики построят коллайдер
Китай изучит гравитационные волны


Age Of Comp » Html » SVG в HTML

SVG в HTML

Как известно SVG графический формат, популярность которого растет с каждым днем.

Известно что компания Apple, на момент написания поста, решила не использовать Flash в качестве инструментария разработчика для Iphone. Многие ожидают, что это будет SVG, но даже если это не случится, престиж формата вряд ли упадет.

Помимо того, что можно открыть .svg файл непосредственно в браузере его можно встроить в HTML страницу 3-я способами.

1 - embed

<embed src="rect.svg" width="300" height="100"
type="image/svg+xml"
pluginspage="http://www.adobe.com/svg/viewer/install/" />


Для Internet Explorer поддерживает еще один параметр wmode=”transparent”

2 - iframe

<iframe src="rect.svg" width="300" height="100">
</iframe>


и накнец третий
3 - непосредственная вставка

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
      PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:svg="http://www.w3.org/2000/svg"
      xmlns:xlink="http://www.w3.org/1999/xlink">
<body>
    <svg:svg version="1.1" baseProfile="full"
        width="300px" height="200px">
      <svg:circle
            cx="150px" cy="100px" r="50px"
            fill="#ff0000" stroke="#000000"
            stroke-width="10px"/>
    </svg:svg>
  </body>
</html>


Здесь надо обратить внимание что обьявление xmlns в DOCTYPE обязательны!


Нравится пост? Жми: