« InkStitch - bases SVG » : différence entre les versions
Aller à la navigation
Aller à la recherche
| Ligne 7 : | Ligne 7 : | ||
[[SVG]] signifie '''Scalable Vector Graphics''' (Graphiques Vectoriels Adaptables) et est un standard W3C (en [[XML]]), spécifiquement conçu pour afficher des dessins sur le web. SVG s’intègre bien aux autres formats W3C et fait partie intégrante du standard HTML5 utilisé pour créer des pages web. | [[SVG]] signifie '''Scalable Vector Graphics''' (Graphiques Vectoriels Adaptables) et est un standard W3C (en [[XML]]), spécifiquement conçu pour afficher des dessins sur le web. SVG s’intègre bien aux autres formats W3C et fait partie intégrante du standard HTML5 utilisé pour créer des pages web. | ||
Vectoriel vs Matriciel: | '''Vectoriel vs Matriciel:''' | ||
[[Fichier:Bitmap VS SVG Fr.svg|none|600px|vignette|Différence conceptuelle entre les images matricielles (bitmap) et vectorielles.<br />Les images vectorielles peuvent être agrandies à l’infini.]] | [[Fichier:Bitmap VS SVG Fr.svg|none|600px|vignette|Différence conceptuelle entre les images matricielles (bitmap) et vectorielles.<br />Les images vectorielles peuvent être agrandies à l’infini.]] | ||
Usages typiques: | '''Usages typiques:''' | ||
* Partage de dessins (clipart, etc.) | * Partage de dessins (clipart, etc.) | ||
* visualisation de contenus (économiques, processus, cartes, etc.) | * visualisation de contenus (économiques, processus, cartes, etc.) | ||
| Ligne 16 : | Ligne 16 : | ||
* dessins statiques, animés ou interactifs dans le domaine de l’éducation | * dessins statiques, animés ou interactifs dans le domaine de l’éducation | ||
Histoire: | '''Histoire:''' | ||
* Crée en 1999, standardisé en 2001, peu aimé au début | * Crée en 1999, standardisé en 2001, peu aimé au début | ||
* SVG 1.1 (jan 2003 / 2é édition en 2011) | * SVG 1.1 (jan 2003 / 2é édition en 2011) | ||
* Intégration à HTML5 (2014) | |||
Caractéristiques: | '''Caractéristiques:''' | ||
* Dimensions, structure et coordonnées d'objets sous forme numérique (code) | * Dimensions, structure et coordonnées d'objets sous forme numérique (code editable, sauf pour les images) | ||
* Possibilité d'utiliser la langage CSS pour définir des styles | * Possibilité d'utiliser la langage CSS pour définir des styles | ||
* Formes géométriques de base: lignes, rectangles, ellipses, etc. | * Formes géométriques de base: lignes, rectangles, ellipses, etc. | ||
* Chemins (courbes de Bézier et permettent d’obtenir presque n’importe quelle forme). | * Chemins (courbes de Bézier et permettent d’obtenir presque n’importe quelle forme). | ||
* Fontes | |||
* Imbrication d'images matricielles | |||
Version du 11 mai 2020 à 18:28
Introduction
Cet article a pour objectif de présenter le langage SVP aux utilisateurs de Ink/Stitch.
Origine et utilisation de SVG
SVG signifie Scalable Vector Graphics (Graphiques Vectoriels Adaptables) et est un standard W3C (en XML), spécifiquement conçu pour afficher des dessins sur le web. SVG s’intègre bien aux autres formats W3C et fait partie intégrante du standard HTML5 utilisé pour créer des pages web.
Vectoriel vs Matriciel:
Usages typiques:
- Partage de dessins (clipart, etc.)
- visualisation de contenus (économiques, processus, cartes, etc.)
- interfaces utilisateurs (icônes, etc.)
- dessins statiques, animés ou interactifs dans le domaine de l’éducation
Histoire:
- Crée en 1999, standardisé en 2001, peu aimé au début
- SVG 1.1 (jan 2003 / 2é édition en 2011)
- Intégration à HTML5 (2014)
Caractéristiques:
- Dimensions, structure et coordonnées d'objets sous forme numérique (code editable, sauf pour les images)
- Possibilité d'utiliser la langage CSS pour définir des styles
- Formes géométriques de base: lignes, rectangles, ellipses, etc.
- Chemins (courbes de Bézier et permettent d’obtenir presque n’importe quelle forme).
- Fontes
- Imbrication d'images matricielles