GRAPHERY SVG (GYSVG) : UNE INTRODUCTION

Utilisez Graphery SVG (gySVG) pour simplifier la création et la manipulation de code en JavaScript afin de créer des formes simples et complexes.

Graphery SVG **, ** généralement appelé gySVG est un bibliothèque petite mais puissante utilisé pour simplifier la construction et la manipulation de graphiques SVG à partir de JavaScript. Cette bibliothèque peut être utilisée dans Vanilla JavaScript et des frameworks comme React, Vue, Svelte, Stencil ou Angular. Dans cet article, nous aborderons les bases de SVG et comment utiliser Graphery pour créer des formes simples et complexes.

Qu'est-ce que SVG ?

SVG signifie graphiques vectoriels évolutifs et est utilisé pour définir des graphiques vectoriels pour le Web au format XML.

Voici un exemple très simple de SVG (cercle jaune avec bordure verte) :

|__+_|

Pourquoi une nouvelle bibliothèque SVG ?

L'objectif principal est de réduire la complexité du code. Même s'il y a eu de nombreuses bibliothèques SVG au fil des ans, il était toujours nécessaire de créer une nouvelle bibliothèque plus petite et plus rapide, et plus proche du format SVG. Le résultat est gySVG. Dans les bibliothèques SVG précédentes, la taille de bibliothèque réduite était inférieure à environ 3 Ko ; cette valeur est réduite à 1,5 Ko avec gzip. Graphery SVG est également plus rapide, prenant 20 ms contre 40 ms pour SVG.js.

gySVG est une bibliothèque simple qui permet de travailler facilement avec SVG sans pénaliser les performances ou la taille du projet.

blog.logrocket.com