Le dessin vectoriel avec SVG-Edit

Un éditeur d’images vectorielles

SVG étant un format d’image vectorielle, on admettra facilement que SVG-Edit soit un éditeur pour créer ou modifier ce type d’images, notamment pour réaliser des dessins géométriques, des graphiques, des schémas, des cartes etc…
La force d’un tel système tient non seulement au fait d’être très peu gourmand en ressources et de produire des images particulièrement légères, mais il est également possible de l’utiliser au sein d’une page web et d’exploiter directement vos productions dans une page web.

Le système repose effectivement sur une application web, il fonctionne simplement avec un navigateur (Firefox, Chrome, Safari etc…) et ne nécessite donc aucune installation sur sa machine.

Qu’est-ce qu’une image vectorielle?

A ce stade, il peut être intéressant de bien comprendre la notion d’image vectorielle. Pour simplifier les choses, disons qu’il existe deux types d’images : les images « bitmaps » et les images « vectorielles ».

Les images bitmaps sont certainement les plus répandues et par conséquent celles que l’on connait le mieux. Il s’agit en l’occurrence des photos ou des dessins qui se présentent au formats « .jpg », « .gif » ou encore « .png » et où chaque point de l’image est défini par un pixel de couleur bien précise.

Les images vectorielles fonctionnent également sur le principe des pixels mais cette fois, leur position et leur couleur sont calculées dynamiquement. De cette manière, il est plus simple d’appliquer des changements sur l’image sans subir de pertes de qualité.

Pour plus de détails sur cette notion, je vous invite à parcourir l’article suivant : Différence entre une image Bitmap et une image Vectorielle.

Pourquoi un format SVG?

Le terme SVG signifie « Scalable Vector Graphic » et pourrait se traduire par Graphique Vectoriel Adaptable. Ce langage a été mis en place par le W3C (standards du web) en vue de proposer un format d’image léger et dynamique pour une utilisation avec internet.

Quel intérêt pour une utilisation en classe?

L'interface de SVG-Edit

En partant du principe que l’on souhaite travailler sur un type d’image approprié, des schémas, des graphiques, des cartes etc, SVG-Edit s’avère particulièrement intéressant puisqu’il ne nécessite aucune installation, il est léger, et même accessible depuis le web. Placez-le sur votre hébergeur et il vous sera accessible de partout si vous êtes connecté.

Autre intérêt et non des moindres, les images peuvent être modifiées dynamiquement selon les données que nous luis faisons parvenir. Imaginez dès lors un graphique en bâtons qui s’affiche selon les données que vous entrez dans un formulaire. Magique non?

D’autre part , le format SVG étant fort répandu dans le domaine de la cartographie, il peut être intéressant d’ajouter ce terme à sa recherche pour dénicher des ressources. Essayez par exemple de taper « carte europe svg » dans un moteur de recherche.

Utilisation de l’application

Notez que l’on peut très bien utiliser SVG-Edit en dehors du net et travailler simplement en local (sur son ordinateur sans besoin de connexion) en profitant tout bonnement de son navigateur. Il n’y a donc pas de programmes à installer et on peut facilement transporter son travail sur une clé par exemple.

Cet outil peut s’avérer bien pratique pour le travail de la géométrie sur un TBI ou tout autre support numérique qui dispose d’un navigateur. On peut très bien imaginer aussi créer assez simplement un plan, une carte mentale mais encore toutes autres activités qui feront appel au dessin, en précisant tout de même que l’outil n’est pas vraiment orienté dessin artistique comme pourrait l’être MyPaint.

Techniquement, on dispose des outils classiques pour dessiner. Crayon, lignes droites, formes, texte etc… on a même des calques à notre disposition pour créer différentes couches.
Bien entendu, il est possible de retoucher et d’éditer une création déjà existante.

Caractéristiques

  • Configuration : Windows, Mac, Linux
  • Licence : MIT License
  • Auteur : W3C
Lien de la ressource
Télécharger SVG-Edit
Vous aimez cet article? Partagez-le sur les réseaux !

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *