Toolkit

Guide Peintre

Peignez et dessinez sur un canvas avec un ensemble complet d'outils. Pinceau libre, formes, gomme, texte et couleur de fond — téléchargez en PNG.

Retour à Peintre

À quoi sert cet outil

Le Peintre est un outil de dessin simple basé sur canvas. Dessinez au pinceau libre, ajoutez des formes (rectangles, cercles, lignes), utilisez une gomme, ajoutez du texte et définissez une couleur de fond personnalisée. Téléchargez le canvas en PNG. Utile pour esquisses rapides, annotations, diagrammes et art simple. Tout le dessin s'effectue dans le navigateur — pas de serveur.

Comment l'utiliser

  1. Choisissez l'outil — Sélectionnez pinceau, formes, gomme ou texte.
  2. Dessinez — Cliquez et glissez pour le pinceau ou les formes. Cliquez pour placer le texte.
  3. Configurez — Réglez la taille du pinceau, la couleur et le remplissage. Pour les formes, choisissez contour et remplissage.
  4. Fond — Changez la couleur de fond du canvas si souhaité.
  5. Télécharger — Enregistrez le canvas en image PNG.
  6. Effacer — Réinitialisez le canvas pour recommencer.

Comment ça fonctionne

Le canvas est un élément HTML5 Canvas. Le dessin utilise le contexte 2D : chemins pour pinceau et gomme, rect/arc/line pour les formes, fillText pour le texte. Les événements souris/tactiles capturent les traits et formes. L'état du canvas est stocké en mémoire ; le téléchargement utilise toDataURL('image/png'). Pas de bibliothèques externes pour le dessin — API canvas vanilla. Les URL blob sont utilisées uniquement pour le téléchargement.

Tous les calculs s'effectuent entièrement dans votre navigateur. Aucune donnée n'est envoyée à un serveur.

Cas d'usage et exemples

  • Esquisses — Dessins et gribouillages rapides.
  • Annotations — Annotez des captures d'écran ou diagrammes.
  • Diagrammes — Organigrammes ou wireframes simples.
  • Signatures — Capturez une signature rapide.
  • Enseignement — Démontrez les formes et couleurs.

Exemple

  • Pinceau, rouge, taille 5 → Dessinez une ligne rouge à main levée.
  • Outil rectangle → Cliquez et glissez pour dessiner un rectangle.
  • Outil texte → Cliquez pour placer le texte ; tapez dans la boîte de dialogue.

Limitations et contraintes connues

  • Pas de calques — Un seul calque ; pas d'annuler/rétablir au-delà de l'effacement.
  • Pas de persistance — L'état du canvas est perdu au rechargement.
  • Outils de base — Pas de dégradés, motifs ou filtres avancés.
  • PNG uniquement — Format de téléchargement PNG ; pas d'export JPEG ou SVG.

Tous les calculs et conversions s'effectuent entièrement dans votre navigateur. Aucune donnée n'est envoyée à un serveur, vos entrées ne quittent jamais votre appareil.