使用汉王云API实现手写识别H5（参考：2018政府工作报告关键字）

背景

有个项目需求用到手写识别功能，即H5识别用户手写的文字内容。参考案例为“2018政府工作报告关键字”，扫描下面二维码体验，

分析

重点为找到合适的文字识别接口，通过查询，市面上已有腾讯AI、百度AI、科大讯飞的文字识别接口，通过测试结果均不理想，这些接口的实现原理都是识别图片上的文字内容转换为文本。

后经分析参考案例，其使用的为汉王云API，实现原理是识别手写轨迹，通过测试其准确率是极高的。

实现方法

第一步，根 API文档接口使用说明，在前端记录手写轨迹串"x1,y1,x2,y2,x3,y3,x4,y4......-1,0"，轨迹以:"-1,0"结尾。

第二步，调用简体中文接口地址：http(s)://api.hanvon.com/rt/ws/v1/hand/single?key=xxx&code=83b798e7-cd10-4ce3-bd56-7b9e66ace93d，传參。

请求参数示例如下，

{"uid": "118.12.0.12","type": "1","data": "76.55,79.55,51.7,119.35,43.75,129.3,-1,0"
}

具体的接口代码在文档PHP示例里写的很清楚，这里不再赘述。

第三步，将接口返回的base64加密的字符串值，通过 base64解码 -> 10进制字符数组 -> 16进制字符数组 -> unicode解码，转成汉字字符数组，具体实现代码如下，

// echo $output;
// base64解码
$strJson = base64_decode($output);
$jsonArr = json_decode($strJson, true);
if($jsonArr["code"] == 0){ // code为0识别成功$wordArr = explode(",", $jsonArr["result"]); // 转成10进制字符数组$wordArr = array_filter($wordArr); // 除去数组中的空字符元素if(count($wordArr) > 0){$result['wordArr'] = decimalDecode($wordArr); // 将10进制字符数组解码成汉字数组    }else{ // 识别文字为空}
}else{ // 识别失败
}// 10进制字符数组解码成汉字数组
function decimalDecode($wordArrDec){    $wordArrHex = array();for($i = 0; $i < count($wordArrDec); $i++){array_push($wordArrHex, unicodeDecode("\u".dechex($wordArrDec[$i]))); // 先将10进制字符转成16进制字符}return $wordArrHex;
}// 16进制字符unicode解码成汉字字符
function unicodeDecode($unicode_str){$json = '{"str":"'.$unicode_str.'"}';$arr = json_decode($json,true);if(empty($arr)) return '';return $arr['str'];
}

Demo二维码

BTW

使用接口需要在汉王云购买服务或者申请免费额度200次/天。

参考链接

汉王云-云手写单字API详情：http://developer.hanvon.com/api/toAPIinfo.do?id=1

优图OCR-腾讯AI开放平台：https://ai.qq.com/product/ocr.shtml#handwrite

百度AI开放平台-文字识别API文档：http://ai.baidu.com/docs#/OCR-API/top

手写文字识别 · 科大讯飞REST_API开发指南：https://doc.xfyun.cn/rest_api/手写文字识别.html

Egret你画我猜~源码分享：https://bbs.egret.com/forum.php?mod=viewthread&tid=27892

egret 涂鸦分享：https://bbs.egret.com/thread-30686-1-1.html

PHP中10进制与16进制互转 - PHP - PHPcode：https://www.form1.cn/php-phpcode-246.html

PHP解码unicode编码中文字符代码示例 - un123 - 博客园：https://www.cnblogs.com/cfinder010/p/3911596.html