wd wp Пошук: ⬜

SVG

SVG (ад англ. Scalable Vector Graphics — якая маштабуецца вектарная графіка) — мова разметкі вектарнай графікі, якая маштабуецца, створаная Кансорцыумам Сусветнай павуціны (W3C) і ўваходзіць у падмноства пашыраецца мовы разметкі XML, прызначаны для апісання двухмернай вектарнай і змяшанай векторно/растравай графікі ў фармаце XML. Падтрымлівае як нерухомую, так і аніміраваныя інтэрактыўную графіку — ці, у іншых тэрмінах, дэкларатыўную і скрыптовую. Не падтрымлівае апісанне трохмерных аб’ектаў (не блытаць з імітацыяй трохвымернасці шляхам святлаценю). Гэта адкрыты стандарт, які з’яўляецца рэкамендацыяй кансорцыума W3C — арганізацыі, якая распрацавала такія стандарты, як HTML і XHTML. У аснову SVG ляглі мовы разметкі VML і PGML. Распрацоўваецца з 1999 года. У 2001 годзе выйшла версія 1.0, у 2011 — версія 1.1, якая застаецца актуальнай да сённяшняга дня. У цяперашні час у актыўнай распрацоўцы знаходзіцца версія 2.

Магчымасці мовы

• Апісанне шляхоў (англ. path). Дазваляе задаць любую фігуру кампактным радком, якая апісвае шлях ад пачатковай кропкі да канчатковай праз любыя прамежкавыя каардынаты. Радок з дадзенымі задаецца атрыбутам d тэга path і змяшчае каманды, закадаваныя наборам літар і лікаў. Літара вызначае тып каманды, колькасці — яе параметры (часцей за ўсё — каардынаты). Каманды дазваляюць апісваць фігуры, якія складаюцца з адрэзкаў прамых (L, H, V), крывых Без’е (C, S, Q, T) і дуг (A). Прыклад, які апісвае зорку з 5 ліній, змяшчае радок дадзеных з камандамі M (англ. moveto — перамясціць) і L (англ. lineto — намаляваць лінію), якія змяшчаюць у якасці аргументаў каардынаты кропак па X і Y. У версіях SVG да 1.2 ўключна апісанне шляхоў магчыма толькі ў пікселях.

• Апісанне асноўных геаметрычных фігур (шматвугольнікі, прамавугольнікі, акружнасці і г. д.).

• Шырокі спектр візуальных уласцівасцяў, якія можна прымяніць да постацяў і шляхоў: афарбоўка, празрыстасць, зкругленне кутоў і г д.

• Інтэрактыўнасць. На кожны асобны элемент і на цэлае малюнак можна павесіць апрацоўшчык падзей (клік, перамяшчэнне, націск клавішы і гд.), такім чынам, карыстальнік можа кіраваць малюнкам (напрыклад — перамяшчаць мышкай некаторыя элементы[2]).

• Анімацыя і сцэнары. З дапамогай ECMAScript або JavaScript можна апісваць нават самыя складаныя сцэнары, звязаныя з матэматычнымі вылічэннямі каардынатаў і прапорцый фігур. Разам з інтэрактыўнасцю і SMIL анімацыяй гэта дае вельмі шырокія магчымасці для распрацоўнікаў вэб-графікі.

Годнасці фармату

• Тэкставы фармат — файлы SVG можна чытаць і рэдагаваць (пры наяўнасці некаторых навыкаў) пры дапамозе звычайных тэкставых рэдактараў. Пры праглядзе дакументаў, якія змяшчаюць SVG-графіку, маецца доступ да прагляду кода праглядваемыя файла і магчымасць захавання ўсяго дакумента. Акрамя таго, SVG-файлы звычайна атрымліваюцца менш па памеры, чым параўнальныя па якасці выявы ў фарматах JPEG або GIF, а таксама добра паддаюцца сціску.
• Маштабаванасць — SVG з’яўляецца вектарным фарматам. Існуе магчымасць павялічыць любую частку малюнка SVG без страты якасці. Дадаткова, да элементаў SVG-дакумента магчыма ўжываць фільтры — спецыяльныя мадыфікатары для стварэння эфектаў, падобных якія ўжываюцца пры апрацоўцы растравых малюнкаў (размыццё, выцісканне, складаныя сістэмы трансфармацыі і інш.) У тэксце SVG-кода фільтры апісваюцца тэгамі, візуалізацыю якіх забяспечвае сродак прагляду, што не ўплывае на памер зыходнага файла, забяспечваючы пры гэтым неабходную иллюстративную выразнасць.
• Шырока даступна выкарыстанне растравай графікі ў SVG-дакументах. Маецца магчымасць ўстаўляць элементы з выявамі ў фарматах PNG, GIF або JPG.
• Тэкст у графіцы SVG з’яўляецца тэкстам, а не выявай, таму яго можна вылучаць і капіяваць, ён індэксуецца пошукавымі машынамі, не трэба ствараць дадатковыя метафайла для пошукавых робатаў.
• Анімацыя рэалізавана ў SVG з дапамогай мовы SMIL (Synchronized Multimedia Integration Language), распрацаванага таксама кансорцыумам W3C. Падтрымліваюцца скрыптовыя мовы на аснове спецыфікацыі ECMAScript. SVG-элементамі можна кіраваць з дапамогай JavaScript. Прымяненне скрыптоў і анімацыі ў SVG дазваляе ствараць дынамічную і інтэрактыўную графіку. У SVG забяспечваецца падзейную мадэль, адсочваюцца падзеі (загрузка старонкі, змена яе параметраў, падзеі мышы, клавіятуры і інш.) Анімацыя можа запускацца па вызначаным падзеі (напрыклад «onmouseover» або «onclick»), што надае графіцы інтэрактыўнасць. У кожнага элемента ёсць свае ўласныя падзеі, да якіх можна прывязваць асобныя скрыпты.
• SVG — адкрыты стандарт. У адрозненне ад некаторых іншых фарматаў, SVG не з’яўляецца чыёй-небудзь ўласнасцю.
• SVG-дакументы лёгка інтэгруюцца з HTML і XHTML дакументамі. Знешнія SVG падключаюцца праз тэг