This Wordpress plugin allows to draw stroke by stroke animated kanji. Kanji are stored in SVG files. The available kanji are currently the 2136 jōyō kanji and the 862 jinmeyō kanji.
Plugin version: 2
The SVG files representing kanji come from the AnimCJK project (version of 2018-12-16). Check https://github.com/parsimonhi/animCJK to get newer version of the SVG files if available. Just replace the svgsJa folder inside your plugin by the svgsJa folder of AnimCJK.
Insert somewhere in a wordpress page a string like:
[animkanji]字[/animkanji] where "字" can be any jōyō kanji
[animkanji]一二三[/animkanji] where "一二三" can be any list of jōyō kanji
If no kanji is inserted between [animkanji] and [/animkanji],
the displayed kanji is chosen randomly in the whole jōyō kanji set.
If only one kanji is inserted between [animkanji] and [/animkanji], the displayed kanji is that kanji.
If a list of kanji is inserted between [animkanji] and [/animkanji], the displayed kanji is chosen randomly in this list.
To display several kanji, just insert several [animkanji]...[/animkanji] in the page. For instance, to display "漢字", insert:
Some options can be set through the wordpress admin page of your web site. Click on "Settings" in the left menu, then on "AnimKanji", then modify what you want.
These options are:
It is also possible to use attributes to set loop and colors values for each kanji.
[animkanji final_color="blue"]漢[/animkanji][animkanji final_color="orange"]字[/animkanji]
The kanji images display inside svg tag that have "acjk" as css class name. By default, the width of the svg expands to fit its parent width. To set the size of the svg or to add a border or anything else you want, just add to the additional css of your website some style for svg.acjk class.
For instance, to force the svg to be an image of 256px by 256px, add to the additional css:
Note: to add something to the additional css of your website, go to Wordpress admin page, click on "Appearance", then click on "Customize", then click on "Additional CSS".
Read COPYING.txt for more details.