Créez votre propre interface de dessin

 

Capture_d_e_cran_2018-05-04_a__18.22.04.png

Grâce à ce module HTML, vous pouvez créer votre zone de dessin entièrement personnalisée. Définissez vos boutons, vos paramètres et bien sûr vos interactivités. Ce module est idéal pour les applications destinées aux enfants ou pour la prise de note.

Les étapes

  1. Téléchargez d'abord le module HTML en .zip juste ici : module de dessin
  2. Intégrez ensuite un composant HTML.
  3. Insérez le module dans votre composant HTML.
  4. Vous avez maintenant une zone dessin vide et sans bouton.

 

Vous devez maintenant créer votre interface, place à l'imagination ! 

Voici les actions disponibles de ce module :

  • taille du crayon : augmenter ou diminuer la taille de votre crayon
  • changement de couleur : créez votre propre palette de couleur
  • mode gomme : toujours pratique pour effacer les petites coquilles
  • mode crayon : pour alterner entre gomme et crayon
  • effacer le stockage web : effacer les sauvegardes de vos dessins
  • annuler : efface le dernier trait
  • refaire : remet le dernier trait (lorsqu'il est annuler)
  • réinitialiser : tout effacer pour redémarrer un dessin 

Avec ses actions, vous créez les boutons ou commandes qui leur corresponds, avec évidement quelques animations made in PandaSuite. Voici quelques exemples simples pour vous inspirer : 

  • La sélections des couleurs : formes et multi-état pour l'effet de grossissement 

selectioncouleurs.gif

 

  • La sélection de la taille : forme ellipse, multi-état et remplissage à 25% d'opacité

selectiontaille.gif

 

  • La sélection du mode crayon ou gomme : multi-état pour le passage en gras et en sous-ligné 

selectiongommecrayon.gif

 

  • L'effet de bouton : multi-état et diminution de la taille des éléments

bouton.gif

 

Ce module vous laisse une grande liberté dans votre création. Mélangez les effets d'animation, les composants, vos contenus, mettez une image derrière votre zone dessin ... Laissez libre court à votre imagination et amusez-vous !

Cet article vous a-t-il été utile ?
Utilisateurs qui ont trouvé cela utile : 0 sur 0

Créez votre contenu interactif dès aujourd'hui

Simple d'utilisation ∗ Gratuit ∗ Pas d'installation

COMMENCEZ MAINTENANT !