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

Question

我需要获取某些精灵的每个边缘的位置，但不知道如何实现这一点。这是我的意思的示例图像：

我尝试了一些canvas但getImageData没有成功。

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

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

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

更新

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

Answer 1

我知道如何获取 x、y 坐标的唯一方法是在图像编辑器中打开图像。我会推荐免费的 GIMP。如果您正在寻找某种可以为您执行此操作的程序...我不知道有一个。