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


О железках:
Полностью глянцевый Xiaomi Mi 6 будет доступен ограниченным тиражом
Xiaomi представила трёхосевой стабилизатор для смартфонов
uTorrent сможет работать непосредственно в браузере
Безрамочный смартфон от Энди Рубина замечен на видео
Saygus V-Squared может получить чип Snapdragon 835
Топ новостей
Исследование: Приложения Android шпионят за пользовател ...
Исследование: Приложения Android шпионят за пользовател ...


Аналитик: Дешевые китайские смартфоны останутся в прошл ...
Аналитик: Дешевые китайские смартфоны останутся в прошл ...


Выпущен Huawei P10 с корпусом из 24-каратного золота
Выпущен Huawei P10 с корпусом из 24-каратного золота


Работники кибербезопастности нашли новый способ взлома  ...
Работники кибербезопастности нашли новый способ взлома ...


В ARK: Survival Evolved появились телепорты и подводные ...
В ARK: Survival Evolved появились телепорты и подводные ...


Apple заказала у Samsung 70 млн гибких OLED-дисплеев дл ...
Apple заказала у Samsung 70 млн гибких OLED-дисплеев дл ...


Калужский завод Samsung запустил линию QLED-телевизоров
Калужский завод Samsung запустил линию QLED-телевизоров


Huawei выпустила смартфон-долгожитель Enjoy 7 Plus
Huawei выпустила смартфон-долгожитель Enjoy 7 Plus


Philips презентовал новый 4G-смартфон
Philips презентовал новый 4G-смартфон


Nokia 3, 5, 6 и 3310 поступят в продажу в конце второго ...
Nokia 3, 5, 6 и 3310 поступят в продажу в конце второго ...


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


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