使用给定坐标在jQuery上绘制图像顶部的形状

Question

我正在构建一个使用skybiometry api的Web应用程序。在他们的演示中，在面部被识别为下面的

之后，他们会得到非常好的用户反馈

我正在尝试实现类似的功能。想到了Jquery / javascript解决方案。在http://www.williammalone.com/articles/create-html5-canvas-javascript-drawing-app/#demo-outline找到了领导，但不是我想要的。

给出协调，例如api响应

"center"=>{"x"=>62.4, "y"=>43.4},
"eye_left"=>{"x"=>74.4, "y"=>41.2, "confidence"=>53, "id"=>449},
"eye_right"=>{"x"=>61.6, "y"=>36.6, "confidence"=>54, "id"=>450},
"mouth_center"=>{"x"=>63.8, "y"=>52.0, "confidence"=>54, "id"=>615},
"nose"=>{"x"=>67.0, "y"=>47.2, "confidence"=>58, "id"=>403}

我可以使用一个简单的库在图片上绘制这个吗？我可以参考的任何线索或在线教程都将受到高度赞赏。

Answer 1

我相信你现在有一个答案，但是如果你检查一下这个画布就不是工具提示了

https://github.com/Liuftvafas/FCClientJS