SVG

SVG
Екстензија датотеке:.svg, .svgz
Развио:W3C
Прво појављивање:2001.
Тип формата:Вектор

SVG (енгл. Scalable Vector Graphics) је XML језик за приказивање дводимензионалне векторске графике, статичне или анимиране. То је отворени стандард чији је творац Конзорцијум за веб, заслужан и за познате стандарде као HTML и XHTML.

Преглед

Веб-стандарди

SVG се развија од 1999. од групе компанија укључених у удружење W3C, послије прегледа стандарда предложених од компанија Adobe Systems (PGML) и Microsoft (VML) развијеног од RTF – предатих у W3C 1998. За формулацију SVG су коришћена искуства оба формата.

SVG дозвољава 3 типа графичких објеката:

Графички објекти могу бити постављени у групе и трансформирани у претходно рендероване објекте. Нису директно подржани Z-индикатори (z-indices)[1], који раздвајају поредак цртања од поретка докумената за преклапајуће објекте. Текст може да буде у било којем XML именском простору (namespace) што олакшава претрагу.

Од 2001. спецификација је на верзији 1.1, а на верзији 1.2 се ради.

SVG Mobile препорука је укључила два једноставнија профила SVG 1.1, SVG Basic and SVG Tiny, намењене за уређаје са смањеним могућностима.

SVG Tiny је касније постао посебна препорука са тренутном верзијом 1.2 и база за предложени SVG 1.2.

Постоји и SVG Print, спецификација на којој се још ради и која садржи упуте за штампање за SVG 1.2 и SVG Tiny 1.2 документе.

Платно (канвас) елемент у HTML5 даје помало другачији приступ приказа динамичке графике у HTML. Нажалост, он не дозвољава статичко рендеровање и нацртани елементи нису идентификовани као код DOM.

Штампање

Иако је примарно створен као графички језик, спецификација има и основне способности као језик за опис страница (PDL) као и ПДФ формат. Има могућности коришћења сложене графике, а компатибилан је и са CSS.

Анимација и скриптовање

SVG цртежи могу бити динамички и интерактивни. Модификације у времену се могу описати у SMIL, или програмиране у неком језику као што је JavaScript. W3C експлицитно препоручује SMIL као стандард за анимацију у SVG.[2] Било којем графичком SVG објекту се може придружити програмски код, који се извршава рецимо при клику или прелазом показивача рачунарског миша преко објекта.

Компресија

Пошто текстуалне датотеке обично садрже доста делова текста који се понављају, посебно су подесне за компресију програмима као што су zip, gzip и arj.

Примјери

SVG је XML језик, те је SVG датотека обична текстуална датотека, која се може уређивати у било којем уређивачу текста.

Квадрат или правоугаоник

Како изгледа приказан сљедећи SVG кôд
<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<svg xmlns="http://www.w3.org/2000/svg"
 width="467" height="462">
  <rect x="80" y="60" width="250" height="250" rx="20"
      style="fill:#ff0000; stroke:#000000;stroke-width:2px;" />
  
  <rect x="140" y="120" width="250" height="250" rx="40"
      style="fill:#0000ff; stroke:#000000; stroke-width:2px;
      fill-opacity:0.7;" />
</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>

Референце

  1. ^ „SVG(W3C) § 4.2-Drawing Order”. World Wide Web Consortium. 15. 11. 2002. Приступљено 19. 10. 2009. 
  2. ^ Paul, Festa (9. 1. 2003). „W3C releases scripting standard, caveat”. CNet. Приступљено 24. 2. 2010. 

Спољашње везе

SVG на Викимедијиној остави.

Content Disclaimer

Informasi ini disarikan dari Wikipedia dan disajikan kembali untuk tujuan edukasi. Konten tersedia di bawah lisensi CC BY-SA 3.0. Kami tidak bertanggung jawab atas ketidakakuratan data yang bersumber dari kontribusi publik tersebut.

  1. The information displayed on this website is sourced in part or in whole from Wikipedia and has been adapted for the purpose of restating it. We strive to provide accurate and relevant information, however:
  2. There is no guarantee of absolute accuracy. Wikipedia is an open, collaborative project that can be edited by anyone, so information is subject to change.
  3. It is not intended to constitute professional advice. The content displayed is for informational and educational purposes only. For important decisions (e.g., medical, legal, or financial), please consult a professional.
  4. Content copyright. Wikipedia is licensed under the Creative Commons Attribution-ShareAlike License (CC BY-SA). This means that content may be reused with appropriate attribution and shared under a similar license.
  5. Responsible use. Any risk arising from the use of information from this website is entirely the responsibility of the user.