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

最新推荐文章于 2024-07-04 21:45:00 发布

高飞家的猫

最新推荐文章于 2024-07-04 21:45:00 发布

阅读量1.7k

点赞数 2

分类专栏：前端 Egret 文章标签：汉王云手写识别

本文链接：https://blog.csdn.net/gaofei880219/article/details/88640009

版权

前端同时被 2 个专栏收录

21 篇文章 1 订阅

订阅专栏

Egret

3 篇文章 0 订阅

订阅专栏

背景

有个项目需求用到手写识别功能，即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'];
}