[FEATURE] Drawable canvas for production card front

[migaku-official]

[FEATURE] Drawable canvas for production card front

[saxoncameron]

Archiving for now - certainly not in demand, as most users practising kanji production are doing it in handwriting. On mobile there is already the scratch pad (at least, on iOS).

A nice to have, and perhaps optional feature in the future.

[aslucki]

It might be a good idea to somehow/somewhere show the same drawn-canvas on the back of the card, so the user can compare the "correct" answer/stroke-order with what they've drawn, but that could be a challenge.

For future reference, this solution can be used for exchanging data between the front and back of the card: https://github.com/SimonLammer/anki-persistence

Canvas context can be converted to base64 string, stored using the code in linked repo and then displayed as an image on the back of the card.

[aslucki]

I'm adding gists with manual, local changes to the card's template to present a possible approach:
Front: https://gist.github.com/aslucki/5f4ef7a55feab1bcc4e5e4fa828a7fd1#file-card_front-html
Back: https://gist.github.com/aslucki/89e7f5790169c56face412aa3d9fef98#file-card_back-html

BTW, Free handwriting can be not just simpler to implement but also superior to that "stroke nice-ifying/correction" (for example stokes auto snapping to correct position) mentioned in the original description of the issue.

[saxoncameron]

Awesome, that sounds useful @aslucki - thanks for chiming in!

[saxoncameron]

Cross-posting a Reddit comment to keep references to this feature centralised:

Reddit user thehershel posted screenshots of a solution they DIYd for themselves (thread):

I duct-tape added drawing functionality to "production" cards and now it's almost as perfect as I could imagine.
After some tweaking, I added displaying drew kanji on the card's back.

[saxoncameron]

Awesome, thanks for the valuable contribution. We will point people here for those who express interest in this and are comfortable with DIY-ing a solution.

I agree with you that stroke nice-ifying probably just reinforces sloppy handwriting. A free-drawing canvas is a better solution, and an optimal one would show the stroke order - though not sure how feasible that would be.

[saxoncameron]

Note for future reference, the screenshots in the initial description seem to be using Hanzi Writer under the hood:
https://hanziwriter.org/docs.html