이미지의 특정 지점을 전문적으로 감지

Question

나는 이것을 연구했다. 은 맞춤 제품을 만든다. 나를 혼란스럽게하는 부분은 길이가 다른 목걸이를 추가 할 때마다 펜던트는 여전히 그 목걸이의 끝 부분에 집중된다는 것입니다. 다음 이미지는 항상 펜던트를 놓는 위치를 보여줍니다. 여기

는 내 fiddle이다. 나는 목걸이가 바뀔 때마다 펜던트의 스타일 top과 left이 바뀌 었음을 깨달았습니다. 그래서 어떻게 든 목걸이의 끝점을 감지하고 펜던트의 왼쪽과 위쪽을 계산하여 펜던트를 놓습니다.

따라서 PHP 또는 jQuery 이미지 처리를 사용하여 점진적으로 영역을 감지 할 수 있습니까? 그렇지 않다면 올바른 위치에 펜던트를 놓는 데 사용되는 기술은 무엇입니까?

Answer 1

나는 여기 바이올린

업데이트 링크 Fiddle