Ajouter un tableau de dessin
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
- Téléchargez d'abord le module HTML en .zip juste ici : module de dessin
- Intégrez ensuite un composant HTML.
- Insérez le module dans votre composant HTML.
- 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
- La sélection de la taille : forme ellipse, multi-état et remplissage à 25% d'opacité
- La sélection du mode crayon ou gomme : multi-état pour le passage en gras et en sous-ligné
- L'effet de bouton : multi-état et diminution de la taille des éléments
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 !