做汉字学习站时,最核心的问题是:如何把一个汉字拆成可动画的笔画序列?我试了三种方案。
方案一:预制 SVG path
直接为每个字准备好按笔顺排列的 path 数组,最简单但工作量巨大。
方案二:字体轮廓解析
用 opentype.js 读取字体轮廓,但轮廓不等于笔画,拆分逻辑很复杂。
从 SVG path 到 stroke order 数据,探索把汉字笔画程序化拆解的可行路径。
做汉字学习站时,最核心的问题是:如何把一个汉字拆成可动画的笔画序列?我试了三种方案。
直接为每个字准备好按笔顺排列的 path 数组,最简单但工作量巨大。
用 opentype.js 读取字体轮廓,但轮廓不等于笔画,拆分逻辑很复杂。