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

时间:2018-11-29 13:50:54

标签: javascript html css canvas

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

drawImage()

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

1 个答案:

答案 0 :(得分:0)

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

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

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