Drawable

drawable is a HTML attribute used in KooeeZ templates that turns the element it is applied to into a drawing area. It lets you erase the last stroke or the whole drawing. It remembers your drawing sequence and lets you replay it (for a CJK character for example). Only one is allowed per template side's HTML code.

Syntax

The following template question side code requires the default display mode to work (style="display:flex;flex-direction:column").

and answer side

will show your sides and allow you to draw on the whole card (not only the part where the question text is).

Behavior

drawable can be used as attribute on a tag inside your HTML code, not only on the whole card. For example, you can use it on an <img> tag with a map, so that the user can circle where a country is, or to draw a CJK character on a canvas.

Only one is allowed on each side of the template. The drawing from the question side will follow the position of the drawable on the answer side, meaning that if you put it on an <img> tag on both sides, but the position on the answer side has changed because of some text being displayed before, your drawing will still be in the right position on the image.