Canvas创建文字笔画坐标绘制与识别功能
这个 demo 挺有意思的,能用来测试如何创建和识别文字笔画的坐标。,你需要搭建一个本地的 web 服务,把文件放到根目录。,访问createfont.html
,切换到移动端模式。接下来点击创建字模,画布上会出现方格,你可以点击这些方格,创建文字的笔画。记住,点击才算有效,不要拖动。之后,点击保存笔画,保存的其实是你点击的坐标数据。
,你可以跳转到writefont.html
,在这里,你可以尝试写字。点击后,画布上会显示本地保存的坐标数据。你只需要按照相同的方式连接点,就能完成文字绘制。如果顺序不同,也没关系,但笔划必须一致。
功能上也强大,支持撤销笔画,还能把画布转成图片,上传到服务器进行文字识别。如果你对文字识别有兴趣,还可以接入百度等 API 来进一步提升功能。,整个过程比较简单,操作起来也挺直观的。值得一试哦!
38.4KB
文件大小:
评论区