我注意到<canvas>元素可以有不同的比例。例如，如果我将CSS宽度和高度设置为100px，但让javascript将元素的宽度和高度设置为200px，则元素的大小会缩小，因此打印在其上的所有内容都是1/2的大小。 （或者分辨率的2倍）
我有一个视网膜屏幕Macbookpro，所以在开发过程中，我将缩放设置为2倍，以便我的屏幕上的图像和对象看起来清晰明快。
我听说其他屏幕的分辨率为1.2倍（CSS像素与实际像素数）
有没有办法找出设备屏幕的分辨率/缩放比例，这样我就能让我的画布尽可能清晰，干净？
如果它有帮助，我会尝试使用canvas作为我的图形输出在javascript中制作游戏。
答案 0 :(得分：2)
这些属性将为您提供尺寸：
window.screen.availHeight
window.screen.availWidth
对于像素深度，请使用以下属性：
window.devicePixelRatio
对于画布中的应用程序，我们会给出一个有用的脚本和解释here。
答案 1 :(得分：0)
在使用不同的术语搜索后，我找到了我正在寻找的答案。
window对象有一个名为window.devicePixelRatio的变量。这让我们知道像素与设备屏幕像素的比率。在我的视网膜屏幕上，这个变量给了我一个2。有了这个，我可以将画布设置为正确的缩放比例，使其在任何屏幕上都看起来干净利落。