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

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 უზრუნველყოფს მას.

 მაგალითები 

 მარტივი 

+ სამი მართკუთხა საგანი<?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>
გრაფიკული გამოსახულების კოდი გვაძლევს შემდეგ შედეგს:

ფაილი:Example svg.svg

მკვეთრად შეიმჩნევა სამი ოთხკუთხედი, მწვანე ზომით 300x120 პიქსელი, წითელი (80x150) და ლურჯი(140x80)

კომპლექსური

უფრო რთული მაგალითი მსგ-სი, რომელიც აჩვენებს ტექნიკური ქანების განსხვავებას:
center

 იხილეთ აგრეთვე 

 მსოფლიოს რუკა ინგლისურად (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) მაძლევს მანიპულირების საშუალებას და ფაილების უკუ ვერსიას მსგ-დან სკრიპტებში ბრძანებებისა და სხვადასხვა ენების საშუალებით.

 სქოლიო 

კატეგორია:გრაფიკული ფაილის ფორმატი