canvas创建文字笔画坐标,绘制和识别

时间:2021-11-22 10:57:13
【文件属性】:

文件名称:canvas创建文字笔画坐标,绘制和识别

文件大小:38KB

文件格式:ZIP

更新时间:2021-11-22 10:57:13

canvas html5+canvas

是一个demo测试。 使用步骤: 1 创建本地的web服务,把文件移动到web服务的根目录。 2 访问createfont.html,F12切换到移动端模式。 2.1 【必要】 先点击创建字模,这时画布会出现方格(可以在源码里改变jg变量的大小),点击方格的不同位置创建笔画。一定要点击,不要拖动。 2.2 【必要】 点击保存笔画。其实保存的点击的坐标位置数组到本地。 2.3 跳转访问writefont.html 2.4 【可选】 输出笔画,可以看到控制台看到保存的坐标。 3 访问writefont.html,F12切换到移动端模式。 3.1 写字 点击后会把本地的坐标位置数据以点的形式显示在画布上,在某点按下,拖动到另外一点,会把这两点链上。如果过某一点不松鼠标也会链上。 3.2 检测 会检测你所链接的点的是完全和本地位置数组是否一致。只有写字笔划与创建的笔划一样时才为正确,顺序可以不一样。 3.3 撤销 撤销笔画 3.4 识别 访问接口,把画布转图片,上传服务器,服务器调用文字识别接口。可以申请百度的文字识别等。 3.5 返回上一页


网友评论