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


О железках:
iPhone XS «разрывает» AnTuTu
Xiaomi начала продавать топовую версию Mi 8 в белом корпусе
Apple заработала на продаже смартфонов больше, чем все остальные, вместе взятые
Представлен защищенный музыкальный смартфон AGM H1
Xiaomi предлагает купить сеты своих флагманов по цене новых iPhone
Топ новостей
iPhone XS «разрывает» AnTuTu
iPhone XS «разрывает» AnTuTu


Apple заработала на продаже смартфонов больше, чем все  ...
Apple заработала на продаже смартфонов больше, чем все ...


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


Xiaomi предлагает купить сеты своих флагманов по цене н ...
Xiaomi предлагает купить сеты своих флагманов по цене н ...


Представлен защищенный музыкальный смартфон AGM H1
Представлен защищенный музыкальный смартфон AGM H1


Samsung Galaxy J2 Pro (2018) оказался худшим смартфоном ...
Samsung Galaxy J2 Pro (2018) оказался худшим смартфоном ...


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


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