Scalable Vector Graphics

De Wikipédia, l'encyclopédie libre

(Redirigé depuis SVG)

Modèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/fileModèle:Fiche/file

Fichier:Svg.svg

Image estática générée depuis un exemple SVG. Le Fichier original requiert un navigateur avec support natif ou moyennant plugin

Scalable Vector Graphics (SVG) Est une spécification pour décrire graphiques vectoriales bidimensionales, autant estáticos comme animés (ces derniers avec aide de SMIL), en format XML.

SVG S'a converti dans une recommandation du W3C en septembre de 2001, par ce que a déjà été compris de forme native dans le navigateur web du W3C Amaya. La version 1.5 de Mozilla Firefox supporte des graphiques faits avec SVG et depuis sa version 8, aussi le navigateur Opère il a implémenté SVG 1.1 Tiny dans son noyau. Un autre navigateur web, comme Internet Explorer, ils précisent un conector ou plug-in, pour ce que se peut utiliser le Visualizador SVG d'Adobe.

Sommaire

1 Vue générale
- 1.1 Impact dans le Web
- 1.2 Complexité
2 Navigateurs
3 Logiciel d'édition
4 Références
5 Voyez-vous aussi
6 Tu raccordes externes
- 6.1 Exemples

Vue générale

L'image illustre une différence entre des cartes de bits et images vectoriales. L'image vectorial peut être escalade, autant comme se requière, sans perte de qualité d'image. Ceci n'est pas ainsi avec une carte de bits.

Le SVG permet trois types d'objets graphiques:

Il formedes s graphiques de vectores (p.Et. Chemins consistants en ligne droites et courbes, et zones limités par ils)
Images de carte de bits /digitalil est
Texte

Les objets graphiques peuvent être groupés, transformés et composés en des objets préalablement renderizados, et peuvent recevoir un style commun. Le texte peut être à n'importe quel espace de noms XML admis par l'application, ce que améliore la possibilité de recherche et la accessibilité des graphiques SVG. Le jeu de caractéristiques comprend les transformations nichées, les clipping paths, les masques alfa, les filtres d'effets, les personnels d'objets et la extensibilidad.

Le dessiné des SVG peut être dynamique et interactif. Le Document Object Model (DOM) pour SVG, que comprend le DOM XML complet, permet des animations de graphiques vectoriales simples et performants moyennant ECMAScript ou SMIL. Un jeu ample de manejadores d'événements, comme "onMouseOver" et "onClick", ils peuvent être assignés à n'importe quel objet SVG. En raison de sa compatibilité et relation avec autres normes Web, caractéristiques comme le scripting peuvent être appliquées à des éléments SVG et à autres éléments XML depuis des divers espaces de nom XML simultanément dedans de la même page web. Un exemple extrême de ceci est un jeu complet de tetris réalisé comme un objet SVG, disponible ici. (L'il raccorde il requiert un navigateur avec support de SVG).

Si l'espace d'emmagasinage est un problème, les images SVG peuvent se sauver comprimées avec gzip, dans dont cas passent à être images SVGZ. En raison de la verbosidad du XML, ce tiende à se comprimer très bien, et ces fichiers peuvent être beaucoup plus petits. Quand même, souvent le fichier vectorizado original (SVG) est plus petit que la version de carte de bits.

Impact dans le Web

L'ample adoption de clients SVG, particulièrement ces intégrés nativamente dans le navigateurs, comme Firefox, Opère, Konqueror ou Safari, peut amener un significatif changement d'image dans le Web. Une tendance actuelle est bâtir sites web dynamiques qu'ils se comportent comme des applications d'escritorio, en usant AJAX. SVG Élargit les possibilités d'AJAX, en munissant d'un jeu graphique plus riche aux éléments de la page, au-delà des précisés moyennant HTML/CSS. Le module terminal SVG de Firefox est un exemple initial de ceci.

Complexité

right|thumb|200px|Tomate en SVG.

Malgré être un langage vectorial, SVG permet créer des images complexes.

Navigateurs

Firefox: il implémente SVG en forme native depuis sa version 1.5. À travers le temps a été en améliorant l'accomplissement du standard, mais avec grande consommation de procesador. Dans la nouvelle version 3.5 de Firefox se peut vérifier que le render SVG s'est modifié et amélioré.
Opère: de même que Firefox il aussi implémente SVG en forme native, mais avec peu de consommation de procesador. La version 9.5 Beta, incorpore la possibilité d'appeler en forme externe à une image en format svg. En usant <image> ou <use>.
MSIE: il n'implémente pas SVG, par ce que se doit réussir une extension de la signature Adobe. Ce module externe ne permet pas mêler SVG avec HTML (XHTML) par ce que la fonctionnalité est moindre qu'avec les navigateurs mentionnés en dessus. Microsoft il ne voit pas avec futur à ce standard par ce que a parié au VML lequel a beaucoup de moins fonctionnalité que le SVG.
Safari: Sa version 3.1 (pour computadores avec système opérationnel Windows ou Mac VOUS X) implémente SVG tellement pour des images comme pour texte devancé.
Chrome: Depuis sa première version implémente SVG de forme native (puisqu'utilise WebKit).