无法在画布中正确调整图像大小？

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>

你应该没事。