记录实用有价值的内容

一款开源好用的汉字顺序播放描边动画和描边练习测试库

一款开源好用的汉字顺序播放描边动画和描边练习测试库,Hanzi Writer 是 javascript 免费开源库,根据汉字书写时按照笔画顺序的特征,可以播放正确笔画顺序的描边动画和练习测试。支持简体字和繁体字。

Hanzi Writer 使用 javascript, HTML5 and SVG, 所以它几乎能嵌入到任何平台应用, iOS 应用、安卓应用、桌面端应用和网页。

安装:

在 script 标签加载 Hanzi Writer

最简单选项是直接从 jsdelivr CDN 加载 Hanzi Writer JS 。只需将以下内容放入你的网页的头部:

<script src="https://cdn.jsdelivr.net/npm/hanzi-writer@3.0/dist/hanzi-writer.min.js"></script>

你也可以拷贝一个下载 Hanzi Writer javascript 文件:
hanzi-writer.min.js - 生产压缩版 (32 kb, 9kb 压缩后的)
hanzi-writer.js - 开发未压缩版本 (72 kb)

上面的脚本将在脚本加载后使全局 HanziWriter 变量可用。

通过 npm 加载 Hanzi Writer

如果你想在 webpack 或 node.js 中包含 Hanzi Writer,你可以从 npm install hanzi-writer 安装。然后,你可以在你的代码中包含 Hanzi Writer

const HanziWriter = require('hanzi-writer');

注意: 兼容旧浏览器

如果你想在旧版本 IE10/IE11 使用 Hanzi Writer,你需要为 Promise api 提供一个填充工具

<script src="https://cdn.polyfill.io/v2/polyfill.min.js"></script>

详细使用文档:https://hanziwriter.org/cn/docs.html

案例:https://hanziwriter.org/cn/demo.html

其他案例:田字格笔顺生成田字格笔顺字帖生成器


上一篇:一款田字格笔顺生成器田字格笔顺字帖生成器

下一篇:淘宝客工具箱3.0