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


О железках:
Как владельцы iPhone могут быстро изменить фон сделанных селфи
Microsoft: Система безопасности Windows 7 устарела
Лей Джун рассказал о достижениях и планах Xiaomi
Samsung продемонстрировала преимущества технологии AMOLED
Представлен портативный ПК Gole1 Plus с сенсорным дисплеем
Топ новостей
Этично ли воскрешать умерших актёров?
Этично ли воскрешать умерших актёров?


Зеленоградские учёные создали  систему вспомогательного ...
Зеленоградские учёные создали систему вспомогательного ...


SNAPCHAT купил разработчиков
SNAPCHAT купил разработчиков


Суперкомпьютер будет управлять \
Суперкомпьютер будет управлять "умными" автомобилями


Создана батарейка, работающая на метоболизме
Создана батарейка, работающая на метоболизме


DISNEY откроет аттракцион по мотивам Аватара
DISNEY откроет аттракцион по мотивам Аватара


Поддержка сервисов CYANOGEN прекратится  в этом году
Поддержка сервисов CYANOGEN прекратится в этом году


Быстрейшие животные на грани вымирания
Быстрейшие животные на грани вымирания


Созданы искусственные стволовые клетки
Созданы искусственные стволовые клетки


Появилось устройство для передачи поцелуев
Появилось устройство для передачи поцелуев


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


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