我注意到<canvas>元素可以有不同的比例。例如，如果我将 CSS 宽度和高度设置为 100 像素，但让 javascript 将元素的宽度和高度设置为 200 像素，则该元素的尺寸会缩小，因此打印在其上的所有内容都是尺寸的 1/2。 (或 2 倍分辨率)
我有一台视网膜屏幕 Macbookpro，因此在开发过程中，我将缩放比例设置为 2 倍，以便图像和对象在屏幕上看起来清晰明快。
我听说其他屏幕可以有 1.2 倍的分辨率(CSS 像素与实际像素)
有没有办法找出设备屏幕的分辨率/缩放比例，以便我可以使 Canvas 对用户来说尽可能清晰和干净？
如果有帮助的话，我正在尝试使用 Canvas 作为我的图形输出，用 javascript 制作一个游戏。
最佳答案
这些属性将给出您的尺寸:
window.screen.availHeight
window.screen.availWidth
对于像素深度，请使用此属性:
window.devicePixelRatio
对于 Canvas 中的应用，给出了有用的脚本和解释 here .
关于javascript - 如何在javascript中确定计算机屏幕的分辨率？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34779181/