如何获得画布中图像的实际大小？

Question

嗨，我正在尝试为某些游戏制作自己的地图系统。我用

drawImage()

要插入地图，现在我试图在该地图上标记某些地点。例如，我想标记地图的正中间或地图的右下角。如您所见，我将x，y标记为1000,1000，但是它离中间位置不远，所以我需要知道该图像的实际大小才能做到这一点。有没有一种方法可以做到这一点？我尝试注销上下文，但是其中的所有内容都是客户端大小600到600。因此，我只需要该图像的宽度和高度即可计算坐标。 这是笔https://codepen.io/anon/pen/rQQpBe

Answer 1

在Canvas上绘制drawImage（）时，您只写像素而不是其他像素。画布无法提供x和y。

因此，如果要执行此操作，则必须存储图像的坐标，宽度，高度...取决于您要执行的操作。

画布只允许您绘制并进行转换，例如翻译，缩放...