无法正确调整画布中图像的尺寸？

Question

我最近一直在从事html5项目的工作，但我想我遇到了麻烦。 目前，我正在开发一个使用html5和jQuery构建的简单游戏。 当前的问题：在画布上正确显示图像。 我所做的是创建一个1080 x 720的背景，并尝试将其放到规格完全相同的画布上。 不知道这是浏览器问题，还是我在Google和Stack搜索结果中遗漏的东西，但是对您的帮助非常感谢。 （使用Firefox 26和Chrome 32）

编辑：对不起，下面的评论中的其余详细信息。

Answer 1

您的问题可能是您使用CSS属性来设置画布的大小，而不是元素本身的width和height属性。

前者（如果指定）设置画布实际在页面上显示的大小。 后者将画布中的实际像素数设置为默认值（AFAICR）为300x100。

如果两者不匹配，则会缩放所有画布操作。

因此，如果您只使用：

<canvas width="1080" height="720"> </canvas>

你应该没事的。