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


О железках:
Honor 8 Lite с Kirin 655 и 12-Мп камерой представлен официально
Вот это темпы: Китайцы выпустили в январе 58 новых телефонов
Созданы роботы-животные, которые летают
Билл Гейтс предлагает ввести налог на труд роботов
Huawei, Oppo, Vivo и Xiaomi не оставили Apple шансов в Китае
Топ новостей
Apple зарегистрировала странное беспроводное устройство
Apple зарегистрировала странное беспроводное устройство


На экране Samsung Galaxy S7 edge появляется розовая пол ...
На экране Samsung Galaxy S7 edge появляется розовая пол ...


Microsoft обеспокоена низкой реализацией HoloLens
Microsoft обеспокоена низкой реализацией HoloLens


В Японии изобрели смартфон, который можно мыть в горяче ...
В Японии изобрели смартфон, который можно мыть в горяче ...


Полезные вещи для ПК
Полезные вещи для ПК


Meizu Pro 7 получит титановый корпус и 4K дисплей
Meizu Pro 7 получит титановый корпус и 4K дисплей


Создан первый в мире летающий чехол для смартфона
Создан первый в мире летающий чехол для смартфона


Реалистичный концепт Samsung Galaxy S8
Реалистичный концепт Samsung Galaxy S8


AGM выпустила очередной защищенный смартфон AGM A1Q
AGM выпустила очередной защищенный смартфон AGM A1Q


Представлен бюджетный цельнометаллический смартфон Swip ...
Представлен бюджетный цельнометаллический смартфон Swip ...


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


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