汉字的临摹是语文类教育产品中非常容易用到的功能,尤其是小学一到三年级,本篇由社区同学 amaterasu 为大家带来简单易用的用于 web 平台汉字临摹组件分享,欢迎阅读!
前言
我在一个在线教育类的公司做 Cocos 游戏课件的研发。在 18 年之前,我写过大约两年的 web,虽然后来莫名其妙的变成了 Cocos 开发者,但由于我的游戏是在浏览器内运行的,平常一直在研究 web 方面的东西。
在以前接触过的汉字类的开源项目中,有一个名叫 hanzi-writer 的东西其实是能满足大部分需求的,作者公布的 cdn 上有很多基于 svg 的笔顺数据,很赞。
Cocos 内效果
支持 hanziWriter 所有的 api。
hanziWriter 比较常用的功能与特点有:
1.支持几乎所有常用汉字的笔画,支持偏旁部首,各类颜色。
2.自动执行动画。
3.错误笔顺时自动提醒下一笔。
4.丰富的回调与回调参数。
5.支持原始字符串的操作,你可以获取到笔顺数据后去做任何你想做的事情,渐进式。
原理
其实原理并不难,我们都知道 Cocos 的适配策略里是有设计分辨率和屏幕实际分辨率两种分辨率的转换的。
在 Cocos 内将 hanzi-writ