캔버스 imageData의 도움으로 이미지의 정점 좌표를 얻으십시오.

일부 스프라이트에 대해서는 각 모서리의 위치를 얻고이를 수행하는 방법을 알 필요가 있습니다. 여기에 내가 무엇을 의미하는지의 예제 이미지는 다음과 같습니다캔버스 imageData의 도움으로 이미지의 정점 좌표를 얻으십시오.

enter image description here

내가 canvas 및 getImageData하지만 성공 뭔가를 시도했다.

[ 
    [-150, -120], 
    [150, -120], 
    [150, 60], 
    [90, 120], 
    [-90, 120], 
    [-150, 60] 
]

이미 야생에서 거기에 간단한 알고리즘/솔루션 거기 : 나는 약간의 충돌 탐지를 위해 필요

는, 결과는 이와 같은 배열이어야한다?

업데이트

여기에 내가 무엇을 의미하는지의 예입니다. 화살표 키를 사용하여 스프라이트 회전/비율 조정 http://html5quintus.com/quintus/examples/sprite/

2013-04-27 yckart

그래서 다각형의 꼭지점을 알아야합니까? 그런데 폴리곤에 대해 이야기하고 있습니까? – MaxArt

@MaxArt 네, 당신 말이 맞아요! :) 어떤 아이디어? – yckart

쉽지 않습니다. 기본적으로 캔버스를'getImageData'로 스캔하고 테두리를 감지 한 후 방향 변경 여부를 확인해야합니다. 나는 그것에 대한 대답을 쓰지 않고있다. 미안하다. – MaxArt

x, y 좌표를 얻는 방법을 알고있는 유일한 방법은 이미지 편집기에서 이미지를 여는 것입니다. 나는 김프를 무료로 권합니다. 당신이 당신을 위해 이것을 할 일종의 프로그램을 찾고 있다면 ... 나는 하나를 알지 못합니다.

2013-04-27 18:00:17 Dusty

답변