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

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

我用

canvas

和

getImageData

尝试了一些东西，但没有成功

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

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

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

更新

这里有一个例子来说明我的意思。使用箭头键旋转/缩放精灵

---

我知道如何获取x，y坐标的唯一方法是在图像编辑器中打开图像。我会推荐免费的GIMP。如果你正在寻找某种能为你做到这一点的程序。。。我不知道。所以你需要知道多边形的顶点？顺便问一下，我们是在谈论多边形吗？@MaxArt是的，你完全正确！：）有什么想法吗？不容易。基本上，您必须使用

getImageData

扫描画布，检测边界并跟随它检查方向的变化。我没有为此写答案，对不起。@MaxArt没问题，很高兴知道你的想法和我的一样：）