Updated : Fév 14, 2018 in svg

svg : GreenSock

GreenSock est une librairie puissante et solide qui est issue d'un développement s'étendant sur une dizaine d'années avec à l'origine un ciblage sur Flash. Cette librairie est parfaite pour l'animation. Elle est riche de nombreux plugins intéressants même s'ils ne…

Updated : Fév 09, 2018 in svg

svg : la librairie Snap

On a vu dans les quelques articles précédents l'essentiel pour créer et manipuler des images SVG sans toutefois aborder l'animation qui est une partie importante que je réserve pour la fin. Dans le présent article je vais aborder la présentation…

Updated : Jan 31, 2018 in svg

svg : découpes, masques et filtres

Maintenant qu'on a vu dans les précédents articles comment dessiner on va s'intéresser dans celui-ci à des outils qui permettent de découper une image, la masquer ou la modifier avec des filtres. Pour illustrer ces possibilités je vais utiliser le…

Updated : Jan 29, 2018 in svg

svg : coordonnées et transformations

Dans les articles précédents j'ai présenté le SVG en prenant les valeurs par défaut au niveau du système de coordonnées. Mais on peut évidemment adapter le système selon nos besoins. On va voir ça dans cet article. On verra aussi…

Updated : Jan 26, 2018 in svg

svg : le texte

Dans le format SVG le texte est géré pratiquement comme les autres formes : positionnement, bordure, remplissage... On pourrait évidemment dessiner les lettres avec les outils de base du SVG mais il est plus simple d'utiliser du texte comme on…

Updated : Jan 25, 2018 in svg

svg : on dessine

Dans ce troisième article consacré au SVG je vais un peu détailler les possibilités de dessins. J'ai déjà présenté des bases dans cet article. Je vais maintenant aller plus loin et montrer les belles possibilités qui nous sont offertes. Des…

Updated : Jan 23, 2018 in svg

svg et le web

Quelle est la place du SVG dans le web ? De façon classique les sites sont créés avec du marquage HTML pour la structure, des règles CSS pour le style, du Javascript pour la dynamique. C'est une organisation maintenant bien…

Updated : Jan 23, 2018 in svg

svg : les bases

Les images au format SVG (Scalable Vector Graphics) sont vectorisées, contrairement aux images au format JPG ou PNG par exemple. Qu'est-ce que ça implique ? on peut donner la dimension qu'on veut à une image SVG sans perte de qualité…