Drawable

drawable est un attribut HTML des modèles KooeeZ qui transforme l'élément auquel il est appliqué en zone de dessin. Il vous permet d'effacer le dernier trait ou tout le dessin. Il mémorise votre séquence de dessin et vous permet de la rejouer (pour un caractère CJK par exemple). Un seul est autorisé par côté de modèle dans le code HTML.

Syntaxe

Le code côté question du modèle suivant nécessite le mode d'affichage par défaut pour fonctionner (style="display:flex;flex-direction:column").

<div drawable style="padding:10px;text-align:center;flex:1">
{{?field_question}}
</div>

et côté réponse

<div drawable style="padding:10px;text-align:center;flex:1">
{{field_question}}
<hr>
{{field_answer}}
</div>

affichera vos côtés et vous permettra de dessiner sur toute la carte (pas seulement sur la partie où se trouve le texte de la question).

Comportement

drawable peut être utilisé comme attribut sur une balise dans votre code HTML, pas seulement sur toute la carte. Par exemple, vous pouvez l'utiliser sur une balise <img> avec une carte, afin que l'utilisateur puisse entourer où se trouve un pays, ou pour dessiner un caractère CJK sur un gabarit.

Un seul est autorisé sur chaque côté du modèle. Le dessin du côté question suivra la position du drawable sur le côté réponse, ce qui signifie que si vous le mettez sur une balise <img> des deux côtés, mais que la position sur le côté réponse a changé à cause de texte affiché avant, votre dessin sera toujours dans la bonne position sur l'image.