Fév 09, 2018 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…

Jan 31, 2018 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…

Jan 29, 2018 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…

Jan 26, 2018 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…

Jan 25, 2018 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…

Jan 23, 2018 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…

Jan 23, 2018 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é…

Déc 07, 2017 Electron

Electron : le module ipc

J'ai déjà parlé du module ipc (inter-process communication) dans les précédents articles pour la création des menus. On a vu qu'une application Electron est séparée en deux parties : le processus principal (main process) et le processus de rendu (render…

Déc 04, 2017 Electron

Electron : photon et xel

Photon est une librairie CSS qui permet d'obtenir un aspect conforme au visuel de l'interface du système dans lequel on fait tourner notre application. On peut voir Photon comme Bootstrap ou Matérialize, mais l'avantage c'est qu'il est très léger et…

Déc 03, 2017 Electron

Electron : les dialogues

Dans ce cinquième article sur Electron on va voir comment créer des dialogues pour par exemple naviguer dans les dossiers pour ouvrir ou enregistrer un fichier ou afficher une information pour l'utilisateur. Je rappelle qu'on part de la base de…