среда, 5 октября 2011 г.

SVG и браузеры

Ну как впечатляют возможности формата.

Это так еще цветочки, вернее заготовки того что можно делать с помощью формата SVG. Перед тем как перейти к конкретным приключениям в прериях нечитаной информации я однозначно определю возможности исполнения формата на разных браузерах

Итак начнем с того что SVG представляет собой обыктовенный текстовый файл, такой же который ты записываешь здесь внутри каждого ответа или сообщения на XML.

И это совсем не сложно - ты уже знаком с этим языком, ибо твой блог на ярушке как раз и есть такой XML. Правда тебе в школьной раше все время талдычат об HTML но это неправильно так как HTML это частный случай более общих правил по формату XML.

А вот и пример который покажет мою правоту

<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
version="1.1"
baseProfile="full">
<g fill-opacity="0.7" stroke="black" stroke-width="0.1cm">
<circle cx="6cm" cy="2cm" r="100" fill="red"
transform="translate(0,50)" />
<circle cx="6cm" cy="2cm" r="100" fill="blue"
transform="translate(70,150)" />
<circle cx="6cm" cy="2cm" r="100" fill="green"
transform="translate(-70,150)" />
</g>
</svg>

Это текст того примера с которого начался наш разговор о формате. Как видите ни чего сложного. Мы видим запись техническую трех кругов и координаты их отрисовки.

Остается загадкой как неграфика - текст превращается в графику с использованием обыкновенного рисунка., который ты используешь постояно когда показываешь свои фотки.

А вот здесь как раз и нет ни каких проблем ибо современные браузеры должны это делать автоматом.

Но это делают не все браузеры а только Современные . Сейчас я приведу их список и ты сможешь сам пользоваться этими великолепными возможностями у себя на своей странице.

Настольное приложение, т.е ноут или просто комп
Chrome 1.0+
Firefox 1.5+(Gecko 1.8+)
Internet Explorer 9.0+
Opera 8,0+
Safari 3.0.4+
Мобильные
Android 3.0+
Firefox Mobile 1.0+(Gecko 1.8+)
IE Phone -----
Opera Mobile 0++
Safari Mobile 3.0.4+

Первое что мы видим, это то что формат поддерживается браузерами достататочно давно , но из-за отсутствия нормальной документации и школы и видимо массовым увлечение флэш-адобой в России почему то для все типовой секрет А может его специально скрывали от юзеров здесь на яндексе