← 返回博客列表
汉字视觉

汉字笔画拆解的三种矢量方案对比

从 SVG path 到 stroke order 数据,探索把汉字笔画程序化拆解的可行路径。

做汉字学习站时,最核心的问题是:如何把一个汉字拆成可动画的笔画序列?我试了三种方案。

方案一:预制 SVG path

直接为每个字准备好按笔顺排列的 path 数组,最简单但工作量巨大。

方案二:字体轮廓解析

用 opentype.js 读取字体轮廓,但轮廓不等于笔画,拆分逻辑很复杂。