მასშტაბირებადი ვექტორული გრაფიკა

მასშტაბირებადი ვექტორული გრაფიკა
SVG (აკრონიმი ინგლ. Scalable Vector Graphics) — მასშტაბირებადი ვექტორული გრაფიკა. მასშტაბირებადი ვექტორული გრაფიკა არის W3C-ს აღწერა. ეს არის XML ფორმატის ფაილი, რომელიც საშუალებას გვაძლევს აღვწეროთ გრაფიკული ვექტორების ერთობლიობა.
მახასიათებლები
SVG განსაზღვრავს ვექტორებს - ვებ გვერდებისთვის შექმნილ გრაფიკებს.
SVG გრაფიკებს განსაზღვრავს XML ფორმატში.
SVG გრაფიკების ხარისხი არ ეცემა მათი გადიდება/დაპატარავების შემთხვევაში.
SVG ფაილებში ყოველ ელემენტსა და ატრიბუტს შეუძლია ანიმირება.
SVG რეკომენდირებულია მსოფლიო ვებ ქსელის კონსორციუმის (W3C) მიერ.
SVG ჩაშენებულია W3C სტანდარტებში, ისევე როგორც DOM და XLS.
საზღვრები, განზომილებები და ვექტორული საგნების სტრუქტურები მითითებულია XML დოკუმენტის ციფრული ფორმის ქვეშ. სპეციალური სისტემა (CSS ან XSL) საშუალებას გვაძლევს მივუთითოთ ფერები და ფონტები.
ეს ფორმატი მართავს ბაზის რამდენიმე გეომეტრიულ ფორმას (ოთხკუთხედებს ელიფსებს და ა.შ) მაგრამ ასევე გზებს (path ინგლისურად) რომელსაც იყენებენ Bézier-ის მრუდისთვის და საშუალებას გვაძლევს აგრეთვე მივიღოთ ნებისმიერი ფორმა. შევსება შეიძლება განხორციელდეს ამორჩეული ფერების დეგრადაციის საშუალებით, რომლებიც არის მსგ-საგნები ან ფილტრები (shaders 3D ტიპის სურათებად წოდებული). ასევე შეგვიძლია დავურთოთ გრძელი გზის ნიმუში (markers) და გამოვიყენოთ შევსების ფუნქციები. ალფა არხი, გამჭვირვალობისათვის და ყველა დონეზე მორგებული.
როგორც ყველა XML დოკუმენტისთვის, საგნები არიან მხესებრი ფორმის ქვეშ ორგანიზებული. ფორმატს შეუძლია ანიმაციის ინტეგრაცია ან გრაფიკული საგნების მანიპულაცია პროგრამებით,უფრო ზუსტად სკრიპტების დახმარებით რომლებიც ინტეგრირებულია მსგ-ში.
მსგ-ს ერთ-ერთი ინტერესი არის ის რომ შეიძლება იყოს სხვა XML დოკუმენტში შესული, როგორც მაგალითად XHTML ან XML დოკუმენტში წინასწარ გამოთვლილი XSL-FO. XML ნორმის დაცვით, მსგ სურათი შეიძლება იყოს მანიპულირებული საერთაშორისო Docement Objet Model (DOM)-ის მიხედვით.
მსგ შეიძლება იყოს გამოსახული რამდენიმე Web ნავიგატორით, როგორც Konqueror, Opera, Mozilla Firefox, ან პლაგინის დახმარებით.
რამდენიმე გრაფიკული ინტერფეისი გამოიყენება ხატულების და ინტერფეისების მართვისთვის და გამოქვეყნებისთვის, როგორც X.org, GNOME, KDE ან ზოგიერთი მობილური ტელეფონისთვის.
ფაილების დათვალიერება
თუ თქვენი ბრაუზერი არ უზრუნველყოფს SVG ფაილებს, მაშინ თქვენ გჭირდებათ SVG viewer.
შენიშვნა: Firefox-ს და Opera-ს გააჩნიათ საკუთარი SVG Viewer-ები. ასე რომ, თუ თქვენ იყენებთ ამ ბრაუზერებს, მოგიწევთ ცალკე Viewer-ების დაყენება.
რესურსები ინტერნეტში
გადმოწერე SVG viewer უფასოდ Adobe-ის ოფიციალური ვებ გვერდიდან
ისტორია და უპირატესობები
Sun Microsystems, Adobe, Apple, IBM და Kodak არიან ზოგიერთი ის კომპანიები, რომლებიც ჩაერთვნენ SVG-ს განსაზღვრაში.
SVG-ს უპირატესობები სხვა გაფართოების სურათებთან მიმართებაში:
SVG ფაილების წაკითხვა და მოდიფიკაცია შესაძლებელია ძალიან ბევრ პროგრამაში (მათ შორისაა Notepad).
SVG ფაილები ბევრად პატარა და შეკუმშვადი ფაილებია, ვიდრე JPG და GIF ფაილები.
SVG სურათები მასშტაბირებადი სურათებია.
SVG სურათების ამობეჭვდა შესაძლებელია დიდ რეზოლუციებზე მაღალი ხარისხით.
SVG სურათების ზომის შეცვლა შესაძლებელია. შესაძლებელია შეიცვალოს სურათის ნებისმიერი ნაწილი დამახინჯების გარეშე.
SVG-ში ტექსტი მონიშვნადია, დაშესაძლებელია ტექსტის მოძებნა (საუკეთესოა რუკების მარკირებისთვის).
SVG მუშაობს JAVA ტექნოლოგიებთან.
SVG ფაილები არიან წმინდა XML ფაილები.
SVG-ს მთავარი კონკურენტია Flash.
SVG-ს უდიდესი უპირატესობაა სხვა სტანდარტებთან შეთანხმება (მათ შორის არიან XSL და DOM), რაც ფლეშს არ გააჩნია. Flash შეთანხმებულია კერძო ტექნოლოგიებთან, რომლებიც არ არიან ღია წყაროები.
SVG-ს ნაკლი არის ის, რომ მას ყველა ბრაუზერი არ უზრუნველყოფს. Mozilla-ს ბრაუზერები, Firefox და Opera უზრუნველყოფენ SVG-ს. ასევე Microsoft-ის გეგმა არის SVG-ს უზრუნველყოფა.
SVG-ს მომხმარებელთა რიცხვი იზრდება და ამასთანავე Adobe GoLive უზრუნველყოფს მას.
მაგალითები
მარტივი
{| width="100%" cellpadding="10"
|+ სამი მართკუთხა საგანი
|<?xml version="1.0" encoding="utf-8"?>
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:ev="http://www.w3.org/2001/xml-events"
version="1.1"
baseProfile="full"
x="0"
y="0"
width="300"
height="200"
id="svg2">
<title>Rectangles</title>
<defs
id="defs4" />
<g
id="layer1">
<rect
width="300"
height="120"
x="0"
y="20"
fill="green"
id="rect1306" />
<rect
width="80"
height="150"
x="20"
y="30"
fill="red"
id="rect1308" />
<rect
width="140"
height="80"
x="50"
y="50"
fill="blue"
id="rect1310" />
</g>
</svg>
გრაფიკული გამოსახულების კოდი გვაძლევს შემდეგ შედეგს:
მკვეთრად შეიმჩნევა სამი ოთხკუთხედი, მწვანე ზომით 300x120 პიქსელი, წითელი (80x150) და ლურჯი(140x80)
კომპლექსური
უფრო რთული მაგალითი მსგ-სი, რომელიც აჩვენებს ტექნიკური ქანების განსხვავებას:
იხილეთ აგრეთვე
მსოფლიოს რუკა ინგლისურად (http:/fr.wikipedia.org/wiki/Image:World_mqp_pol_2005_v02.svg)
მსოფლიოს რუკა css:hover/title firefox ფრანგულად
(http:/fr.wikipedia.org/wiki/Image:Model_css_mozilla.svg)
დაკავშირებული სტატიები
გრაფიკა
ვექტორული ნახატი
VML
ღია ფორმატი
პროგრამები
Skencil (ძველად sketch-ი)
Sodipodi
Inkscape
Karbon14
OOo Draw
Illustrator
CorelDraw
Gill
ეს გრაფიკული გარემო გამოიყენება მსგ: X.org,GNOME,KDE ფორმატისთვის
რესურსები ინტერნეტში
მსგ ფორმატის ფრანგული გვერდი (http://ptaff.ca/svg/)
მსგ-ს ფრანგული პორტალი (http://www.svgfr.org/)
მსგ-ს გვერდი W3C-ს საიტზე (http://www.w3.org/Graphics/SVG/)
SVG.org (http://www.svg.org) მსგ ფორმატზე და აპლიკაციებზე ინფორმაციები
მსგ-ს Mozilla-ს გვერდი (http://www.mozilla.org/projet/svg/)
მსგ-ს Opera-ს გვერდი (http://www.opera.com/products/desktop/svg/)
თამაშების დაწვრილებითი რუკა მსგ-ში (http://david.bellot.free.fr/svg-cards)
ვექტორული სურათები: მსგ-ს ფორმატი Générationcyb.net-ზე (http://www.generationcyb.net/article.php3?id_article=903 )
გრავიტაციული ინტერაქტივობის ნათელი მაგალითი javascript-ში (http://isthis4real.com/orbit.xml )
მსგ-ს ბიბლიოთეკა
Apche Batik (http://xml.apache.org/batik/index.html) გვაძლევს მსგ დოკუმენტის მართვის საშუალებას.
librsvg (http://librsvg.soirceforge.net ) არის მსგ-ს ბიბლიოთეკა, რომელიც გვაძლევს მანიპულირების საშუალებას bitmap-ში (მეხსიერებაში, JPEG ფაილში ან PNG-ში). ის გამოიყენება ვიკიპედია სერვერებისათვის,რომ შეიცვალოს მსგ PNG-თი, რათა შევძლო გამოვსახო ნავიგატორი რომელიც არ შეიცავს მსგ-ს თავიდანვე.
Cairo (http://cairographics.org) რათა განვავითარო მატერიალები მიზნამდე როგორიც აქვს linex-თვის მსგ-ს ორი მოტორით.
მსგ Perl-ის კომბინაცია (http://search.cpan.org/~ronan/SVG-2.30/)
svgGraph (http://freshmeat.net/projects/php_svggraph/)ბიბლიოთეკა + მაგალითი + ის დოკუმენთაცია რომელიც საშუალებას გვაძლევს შევქმნათ მსგ ისტოგრამები(ხაზები,ტირეები) მსგ-ები PHP-თი.
http://www.openclipart.org/ კლიპარტების ბიბლიოთეკა მსგ ფორმატით, ტექნიკური გაყიდვების უფლებები (Inkscape-ის შემქმნელების პროექტი)
OFC Charts (http://ofccharts.objectweb.org/ ) არის Java ბიბლიოთეკა ღია წყაროთი, რომელიც საშუალებას გვაძლევს შევქმნათ მრუდები,ისტოგრამები,ცილინდრები და სხვ. სტატიკური და ანიმაციური მსგ ფორმატში
ვიზუალიზაცია/მსგ პლაგინი
librsvg (http://librsvg.sourceforge.net) მსგ ბიბლიოთეკა შეიცავს ვიზუალიზატორს და პლაგინ Mozzila/Firefox 2.8.0-ის შემდეგ (შეიცავს path,gradients,markers,filters)
Adobe SVG Viewer (hhtp://www.adobe.com/svg/viewer/istall/main.html) ვიზუალიზატორი მსგ ნიშანდობრ HTML პლაგინისა
Corel SVG Viewer
(http://www.corel.com/servlet/Satellite?pagename=Corel/Download/Details&id=1042152917172), მსგ-ს სხვა ვიზუალიზატორი (ინგლისურად)
მსგ რედაქტორი
Inkscape, თავისუფალი პროგრამა, მსგ სპეცილიზირებული ვექტორული ნახატით
skencil (http://www.nongnu.org/skencil) (ძველი Sketch-ი) არის ვექტორული გამომცემელი რომელიც აწარმოებს მსგ-ს იმპორტს და ექსპორტს
The GIMP ხატვისა და ანიმაციის პროგრამა, ორიენტირებული bitmap-ზე, რომელიც აწარმოებს მსგ ფორმატის path-ის იმპორტს და ექსპორტს და სურათების ტრანსპორმაციას მსგ ფორმატში, librsvg ბიბლიოთეკის წყალობით bitmap-ში
Imagemagick (http://www.imagemagick.org) მაძლევს მანიპულირების საშუალებას და ფაილების უკუ ვერსიას მსგ-დან სკრიპტებში ბრძანებებისა და სხვადასხვა ენების საშუალებით.
სქოლიო
გრაფიკული ფაილის ფორმატი