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


О железках:
Huawei выпустила смартфоны Nova 2 и Nova 2 Plus
Представлен флагманский смартфон-внедорожник AERMOO M1
UMIDIGI Crystal Pro получит двойную камеру Panasonic Lumix
Alcatel выпустила бюджетные Wi-Fi и 4G планшеты Pixi 4
Xiaomi продала более 3 миллионов смартфонов Mi Max
Топ новостей
Meizu E2 получил более 3 миллионов регистраций за первы ...
Meizu E2 получил более 3 миллионов регистраций за первы ...


Создатель McAfee разработал самый защищённый смартфон в ...
Создатель McAfee разработал самый защищённый смартфон в ...


Acer представила ноутбуки Acer Predator Triton 700 и Pr ...
Acer представила ноутбуки Acer Predator Triton 700 и Pr ...


Apple накопила более $250 млрд наличными
Apple накопила более $250 млрд наличными


Керамическая версия Xiaomi Mi 6 будет доступна только в ...
Керамическая версия Xiaomi Mi 6 будет доступна только в ...


Первая партия Xiaomi Mi 6 разошлась за считанные секунд ...
Первая партия Xiaomi Mi 6 разошлась за считанные секунд ...


ASUS готовит к анонсу новый камерофон Zenfone Zoom S
ASUS готовит к анонсу новый камерофон Zenfone Zoom S


Концепт Samsung Galaxy Note 8 с бесконечным дисплеем
Концепт Samsung Galaxy Note 8 с бесконечным дисплеем


Пользователи Samsung Galaxy S8 жалуются на произвольные ...
Пользователи Samsung Galaxy S8 жалуются на произвольные ...


Vkworld выпустила обновленную защищенную звонилку Stone ...
Vkworld выпустила обновленную защищенную звонилку Stone ...


О софте:
"Лунная деревня" приобретает очертания
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 обязательны!


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