(енгл. ) је језик за приказивање дводимензионалне векторске графике, статичне или анимиране. То је отворени стандард чији је творац Конзорцијум за веб, заслужан и за познате стандарде као и .
 |
|
| Екстензија датотеке: | .svg, .svgz |
|---|---|
| Развио: | W3C |
| Прво појављивање: | 2001. |
| Тип формата: | Вектор |
Веб-стандарди
се развија од 1999. од групе компанија укључених у удружење , послије прегледа стандарда предложених од компанија () и () развијеног од – предатих у 1998. За формулацију су коришћена искуства оба формата.
SVG дозвољава 3 типа графичких објеката:
Графички објекти могу бити постављени у групе и трансформирани у претходно рендероване објекте. Нису директно подржани Z-индикатори (z-indices)[1], који раздвајају поредак цртања од поретка докумената за преклапајуће објекте. Текст може да буде у било којем XML именском простору (namespace) што олакшава претрагу.
Од 2001. спецификација је на верзији 1.1, а на верзији 1.2 се ради.
препорука је укључила два једноставнија профила 1.1, and , намењене за уређаје са смањеним могућностима.
је касније постао посебна препорука са тренутном верзијом 1.2 и база за предложени SVG 1.2.
Постоји и , спецификација на којој се још ради и која садржи упуте за штампање за 1.2 и 1.2 документе.
Платно (канвас) елемент у даје помало другачији приступ приказа динамичке графике у HTML. Нажалост, он не дозвољава статичко рендеровање и нацртани елементи нису идентификовани као код .
Штампање
Иако је примарно створен као графички језик, спецификација има и основне способности као језик за опис страница () као и ПДФ формат. Има могућности коришћења сложене графике, а компатибилан је и са .
Анимација и скриптовање
цртежи могу бити динамички и интерактивни. Модификације у времену се могу описати у SMIL, или програмиране у неком језику као што је . експлицитно препоручује као стандард за анимацију у .[2] Било којем графичком SVG објекту се може придружити програмски код, који се извршава рецимо при клику или прелазом показивача рачунарског миша преко објекта.
Компресија
Пошто текстуалне датотеке обично садрже доста делова текста који се понављају, посебно су подесне за компресију програмима као што су , и .
је језик, те је датотека обична текстуална датотека, која се може уређивати у било којем уређивачу текста.
Квадрат или правоугаоник
Прво су дате димензије читаве слике. Затим су дате координате горњег левог угла квадрата. Затим следи ширина, висина, радијус заобљености угла квадрата, боја квадрата, боја ивица и ширина ивица квадрата.
Линија
Код за приказивање линије:
<svg width="150" height="150" xmlns="http://www.w3.org/2000/svg" >
<line x1="10" y1="10" x2="50" y2="100" stroke="red" stroke-width="2"/>
</svg>
Послије димензија слике, следе координате почетка линије, затим координате краја линије, боја, ширина линије.
Круг
Код за приказивање испуњеног круга:
<svg width="150" height="150" xmlns="http://www.w3.org/2000/svg" >
<circle cx="50" cy="50" r="25" fill="blue"/>
</svg>
Послије димензија слике, следе координате центра круга, радијус круга и боја којом је испуњен.
Елипса
Код за приказивање неиспуњене елипсе:
<svg width="150" height="150" xmlns="http://www.w3.org/2000/svg" >
<ellipse cx="50" cy="50" rx="30" ry="12" fill="none" stroke="red" stroke-width="3"/>
</svg>
Текст
Код за приказивање текста, који може бити уникодни:
<svg width="150" height="150" xmlns="http://www.w3.org/2000/svg" >
<text x="80%" y="80%" font-family="sans-serif">Поздрав корисницима Википедије!</text>
</svg>
Комплексне фигуре
Код за приказивање фигуре која се састоји од закривљених секција:
<svg width="500" height="500" xmlns="http://www.w3.org/2000/svg" >
<path id="Inv_V_MCcZ" style="fill:#00DD00;stroke:none;" d=" M 25 360 C 60 360 80 275 75 260 c -5 15 15 100 50 100 Z "/>
</svg>
Wikiwand in your browser!
Seamless Wikipedia browsing. On steroids.
Every time you click a link to Wikipedia, Wiktionary or Wikiquote in your browser's search results, it will show the modern Wikiwand interface.
Wikiwand extension is a five stars, simple, with minimum permission required to keep your browsing private, safe and transparent.
