Scalable Vector Graphics
Scalable Vector Graphics | |
![]() | |
Extensie de fișier |
|
---|---|
Tip MIME | image/svg+xml[1][2] |
Type code | "svg ", "svgz" |
Dezvoltat de | W3C |
Lansat | 4 septembrie 2001; acum 22 ani, 11 luni și 9 zile (2001-09-04) |
Ultima versiune | 1.1 (Ediția a doua) / 16 august 2011; acum 12 ani, 11 luni și 28 zile (2011-08-16) |
Tipul formatului | Vector image format |
Extins din | XML |
Standard(e) | W3C SVG |
Format deschis? | Da |
Website | www.w3.org/Graphics/SVG/ |
Modifică text ![]() |
Scalable Vector Graphics (SVG) (expresie engleză cu traducerea "grafică vectorială proporționabilă") este un limbaj pentru descrierea de imagini 2D folosind XML. Este un standard al organizației W3C a cărui proiectare a început în anul 1999. Permite definirea imaginilor prin 3 metode: text, grafică vectorială și "bitmap-uri" (fișiere în formatul BMP).
Deși există aplicații specializate pentru crearea și editarea de SVG-uri, în acest scop poate fi folosit orice editor text. Vizualizarea unei imagini SVG poate fi realizată cu orice browser modern.
Detalii tehnice
În momentul de față SVG-ul are mai multe profile pentru a se adapta mai bine la diferite constrângeri. Astfel, profilele "SVG Tiny" și "SVG Basic" au fost create special pentru dispozitivele mobile cu resurse limitate. În același timp, profilul "SVG Print" este destinat mediilor de printare a documentelor.
Pentru animarea unei imagini SVG organizația W3C recomandă standardul "SMIL". Pe lângă recomandarea oficială mai există și alte soluții, precum ar fi "ECMAScript".
Elemente componente
Principalele elemente din componența unui fișier SVG sunt:
- Paths. "Căile" pot fi folosite pentru descrierea conturului unei forme. Conturul poate rămâne gol sau poate fi umplut. Căile pot fi folsite și pentru a specifica zonele de decupare;
- Forme de bază. Specificația SVG oferă posibilitatea folosirii următoarelor forme de bază: dreptunghi, cerc, elipsă, linii și poligoane. Acestea pot fi construite și cu ajutorul căilor care au același contur;
- Text. Pentru a specifica textul ce apare într-o imagine trebuie folosite elemente de tipul text;
- Painting. Se referă la posibilitatea de a umple formele specificate în SVG. Pentru aceasta poate fi folosită o singură culoare, o culoare cu transparență, un gradient sau un model;
- Culoare. Propietatea culoare este folsită pentru specificare culorii;
- Gradient și model. Folosite pentru colorarea formelor specificate;
- Decupare, mascare. În SVG pot fi folosite zone de decupare sau de mascare;
- Filtre. Filtrele descriu diferite efecte aplicate imaginilor;
- Interactivitate. O imagine SVG are posibilitaea de a interacționa cu utilizatorul. Astfel, la apăsarea unui buton sau la folosirea mausului pot fi pornite diferite scripturi;
- Linkuri. Un document poate conține legături către alte pagini sau elemente din web;
- Scripting. Într-un SVG pot fi definite scripturi cu diverse funcții;
- Animații. Pentru un SVG pot fi specificate diverse tipuri de animații;
- Font. Nu este necesar ca utilizatorul final să aibă deja instalate diferitele seturi de caractere ("fonturi") folosite. Fonturile pot fi incluse în imagine; prin aceasta ele pot fi randate la fel în orice situație;
- Metadata. Pentru intregrarea mai bună webul semantic oferă și opțiunea specificării de metadata (acestea sunt datele care descriu datele propriu-zise).
Note
Legături externe
![Commons](http://upload.wikimedia.org/wikipedia/commons/thumb/4/4a/Commons-logo.svg/30px-Commons-logo.svg.png)
Wikibooks are o carte despre subiectul: XML - Managing Data Exchange/SVG |
- W3C SVG page specifications, list of implementations
- W3C SVG primer W3C Primer (draft) under auspices of SVG Interest Group
- Army Civilian Employment Arhivat în , la Wayback Machine. An example of an SVG website delivered as HTML with a non-standard <embed> tag. Works in Firefox, Chrome, Opera, Safari, IE7 w/Adobe and IE8 w/Adobe.
- Scalable Vector Graphics pe Curlie