How to Add Animated Stroke Order to Anki Decks Automatically | Chinese Stroke Order Animation

[@joanMusicSpeaks]

I wish there was something like this for Korean, lol! This was cool to see regardless!

[@MandarinMania]

This is the only add-on I am familar with for Korean. Not sure if it can help you somehow: ankiweb.net/shared/info/1336389630

[@joanMusicSpeaks]

@@MandarinMania This looks really cool! Thank you for going the extra mile to include it to help me out! Definitely going to check it out 😃

[@thuyhien7535]

Finally success, thanks so much, very easy to follow

[@MandarinMania]

Glad to have helped!

[@anhhongphanngoc9880]

Thank u so much !!!

[@MandarinMania]

Glad to have helped.

[@PedroSouza-yg6xm]

Great job! Thanks!

[@MandarinMania]

Glad to hear it!

[@tungthomas3449]

Amazing!!! 🤩

[@QAPdiscovers]

Thank You a lot :)! What to do if my front template doesn't contain any names like Hanzi or Chinese? It has only this: {{Deck}} {{#Tags}} -- {{/Tags}}{{Tags}} {{English}}

[@MandarinMania]

Is your Chinese perhaps located on the back template?

[@QAPdiscovers]

@@MandarinMania Ahh, You are right. I've messed up something and both sides of the card are called "English".

[@Leo-io4bq]

The animation plays on the left of the card. How do I center it?

[@MandarinMania]

See the answer I provided to your other comment.

[@songsing8735]

How to do it in Japanese?

[@MandarinMania]

I am only familiar with how to in Chinese. Sorry.

[@Leo-io4bq]

How do I center the animation?

[@MandarinMania]

This code needs to be added just above the one you pasted into your cards when following the tutorial. #target { text-align: center; /* Center align the content inside the div */ }

[@Leo-io4bq]

​@@MandarinManiaweirdly it does not change a thing. But it works on another note with the same code on the back template.

[@MandarinMania]

@@Leo-io4bq Hmm? Something must be off on the one not working. Can you copy and paste the entire code from the card that's working and then edit the learning information? Does that make sense?

[@thuyhien7535]

where can I find the code

[@MandarinMania]

So sorry. I editted the description to include it: github.com/ThoreBor/Hanzi-Writer-for-Anki/blob/master/anki_hanzi_writer_without_dropdown.html

[@thuyhien7535]

The description doesn't contain any code

[@MandarinMania]

So Sorry. It does now. github.com/ThoreBor/Hanzi-Writer-for-Anki/blob/master/anki_hanzi_writer_without_dropdown.html