2014-05-19 1 views
0

skybiometry api을 사용하는 웹 응용 프로그램을 구축 중입니다. 자신의 데모, 그들은 얼굴 후 아주 좋은 사용자 피드백은 내가 비슷한 기능을 구현하기 위해 노력하고있어주어진 좌표로 이미지의 꼭대기에 모양을 그리기 - jQuery

enter image description here

아래와 같이 인식되고있다. 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} 

내가 사진에이 음모하는 데 사용할 수있는 간단한 라이브러리가 거기에서 좌표 예컨대 감안할 때? 참조 할 수있는 모든 리드 또는 온라인 자습서는 높이 평가 될 것입니다.

+0

를 사용하여 캔버스 요소를 않습니다 확신합니다. 이미지를 배경으로 그리며 꼭 필요한 모양을 그리십시오. 이 경우는 간단하므로 라이브러리를 사용하지 않아도됩니다. – Martin

답변

0

난 당신이 지금 대답을하지만, 당신이 체크 아웃하는 경우 캔버스 조각 그냥 도구 팁

https://github.com/Liuftvafas/FCClientJS

+1

링크가 변경되면 링크가 유효하지 않을 수 있으므로 링크 전용 답변을 게시하지 마십시오. – ThreeFx