/imageReconizer

根据$1 Unistroke Recognizer技术，识别canvas画布上绘制的图形

Primary LanguageJavaScript

js识别canvas画布上绘制的图形

多边形识别

  • 选取特征点，
  • 根据数学边角关系计算
  • 匹配和绘制。

特点：

  • 准确度高，支持判断canvas画布上绘制出来的图形是否是三角形，矩形，横线，竖线，对勾等。
  • 对复杂图形的匹配，计算上很麻烦。

复杂图形识别

  • 图形进行学习，
  • 获得学习到的模版。
  • 进行图形相似度匹配，
  • 绘制。

特点：

  • 支持图形学习，实现简单。
  • 样例图形间相似度高时，匹配不准确。

$1 Unistroke Recognize使用方法：

<script>
//将绘制心形的所有的点points传入AddGesture方法中。
//统一图形可以支持传入多份点的数据。
Recognizer.AddGesture('心形',points)
//识别图形
//可以得到图形检测name和score的返回信息。
var mes ＝ Recognizer.Recognize(points,true)
</script>

实践：

  • 根据给出的图形，涂鸦图形的闯关益智小游戏。

  • 微信好友之间，涂鸦相似度评比等。