Easy-Micro


LANGAGE SVG Inline
Présentation

Présentation du SVG inline

Graphique Vectoriel Evolutif en ligne

Le Scalable Vector Graphics (SVG) est d'abord un format d'images vectorielles basé sur le langage XML permettant de décrire des ensembles de graphiques vectoriels.

Les fichiers SVG sont classiquement créé à partir de logiciel vectoriel comme Adobe Illustrator ou le gratuit Inkscape et affichés dans une page Web comme ceci :

<object data="monrectangle.svg" width="100%" height="400px" type="image/svg+xml"></object>

Mais avec l'arrivé du HTML5, le svg est aussi une balise HTML.
Les navigateurs compatiblent avec HTML5 acceptent de lire de véritable fragments SVG en incorporation HTML5, sans utilisation d'objet étranger (simple inclusion d'une balise <svg> au sein du code HTML).

HTML5 permet donc d'utiliser la méthode de fragments SVG intégrés dans le code (ou SVG inline). Voici un exemple :

<DOCTYPE html>
<html>
<body>

<svg height="190">
<polygon points="100,10 40,180 190,60 10,60 160,180"
style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;">
</svg>

</body>
</html>
source: w3schools.com

Pour aller plus loin..



Suivez les aventures des skippers aquitains sur EasyVoile.com
Flux RSS Easy-Micro - Abonnez-vous Easy-Micro [ François Bisch ]
Mardi 22 janvier 2019 - Semaine 04 - Saint Vincent (Demain: Saint Barnard)
Aujourd'hui, c'est l'anniversaire de Frank Leboeuf (1968-51 ans), footballeur français (défenseur). Autre 22 janvier: 1981 - Début de la série américaine Dallas sur les écrans français (TF1).
Haut de page Easy-Micro