借助canvas imageData获取图像的顶点坐标

时间:2013-04-27 17:54:11

标签: javascript canvas collision-detection intersection getimagedata

我需要获得一些精灵的每个边缘的位置,并且不知道如何实现这一点。这是我的意思的示例图像:

enter image description here

我尝试使用canvasgetImageData,但没有成功。

我需要它进行一些碰撞检测,结果必须是这样的数组:

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

野外是否有一个简单的算法/解决方案?

更新

这是我的意思的一个例子。使用箭头键旋转/缩放精灵 http://html5quintus.com/quintus/examples/sprite/

1 个答案:

答案 0 :(得分:0)

我知道如何获取x,y坐标的唯一方法是在图像编辑器中打开图像。我会推荐免费的GIMP。如果你正在寻找某种能为你做这件事的程序...我不知道。