js手写输入如何实现？

Question

就是例如这种，在网页上，鼠标写字，匹配出常用的文字。
我现在有个需求，就是如此，只需要匹配出常见的文字即可。
最好是纯js代码实现
这个功能应该如何做，实现起来复杂度如何？有没有现成的轮？

Answer 1

自答。
最终采用的QQ拼音的手写输入接口。
前端用canvas画布传递笔顺信息。
OCR方案不靠谱，缺乏笔顺信息的匹配，识别能力太差，且成本高。

Answer 2

这个本质其实是js获取你鼠标操作在Canvas上书写的信息，传输到后端去匹配，再在前端显示吧。
不过现在很多现成的输入法是支持手写输入的，为什么要造轮子？

Answer 3

1.首先使用canvas来绘图
可以看demo: https://qiufeng.blue/node-dem...
2.使用 OCR 来识别
github: https://github.com/naptha/tes...
在线demo: https://tesseract.projectnapt...
3.匹配出常用的文字
找个相关的相似字库吧~

Answer 4

HanziLookupJS 就可以，只是他只能识别中文。。。