Créer son propre outil de dessin en JavaScript et CSS

Par:
francoistonic

mer, 11/09/2024 - 10:12

Voilà un joli défi à relever : comment créer un outil de dessin avec génération de fichiers PNG en utilisant Tailwind CSS et JavaScript ? Lexington relève le défi. Le projet s'appuie sur canvas pour la partie graphique. Techniquement, il faut utiliser de nombreuses balises et commandes CSS et JS pour pouvoir créer la zone de dessin, gérer les outils, créer les fichiers, etc. 

Le code compelt est sur GitHub : https://github.com/Lexington-Themes/lexington-tutorials/blob/main/src/pages/js-drawing-tool/index.astro

A découvrir ici : https://lexingtonthemes.com/tutorials/how-to-create-a-basic-drawing-tool-and-save-to-png-with-tailwind-css-and-javascript/