Содержание блога

понедельник, 12 июля 2010 г.

Структура формата SVG

Прямоугольник

<rect fill="blue" x="200" y="100" width="100" height="100"/>
тут все ясно x,y  ширина и высота,  fill - цвет заливки
 Элипс
<ellipse fill="#c8beb7" cx="300" cy="100" rx="3" ry="3"/>
cx,cy - координаты центра
rx,ry - радиусы элипса
fill - цвет заливки
Path - путь-кривая(не совсем точный перевод)
       m - начало пути
Path.Arc     <path sodipodi:type="arc" style="fill:#c8beb7" id="path2816" d="m 100,100 a 50,50 0 1 1 0,100 z"/>
   type="arc" - тип кривой
   style="fill:#c8beb7" - стиль- залитый цветом #c8beb7
   d - описание пути

        m 100,100 - координата начала пути(кривой)
       a - arc
       a 50,50 0 1 1 0,100  50,50 - радиусы по Х и У;остальные пока не понял

Path.Line
   <path stroke-dasharray="0" stroke-width="4" d="M297.5,165.5L419.5,89.5" stroke="#000000" fill="none" />
     M297.5,165.5 - начало
     L419.5,89.5 - конец
   
Источники:
Wiki хорошая статья
Онлайн редактор (по нему можно учить SVG)

Комментариев нет:

Отправить комментарий