canvas依赖分辨率

canvas 依赖分辨率用于确定画布的大小和清晰度。当创建一个 canvas 元素时，可以通过设置其宽度和高度来指定画布的大小。这些尺寸通常使用像素作为单位。

画布的实际尺寸与设备的分辨率有关。设备的分辨率是指屏幕或打印机上每英寸所显示的像素数量。为了在不同分辨率的设备上获得一致的视觉效果，需要考虑分辨率的差异。

在 canvas 中，可以使用两个属性来处理分辨率：`canvas.width` 和 `canvas.height`。这些属性定义了画布元素的显示尺寸。默认情况下，canvas 的宽度和高度都为 300 像素。如果需要更高的分辨率，可以设置这些属性为更大的值。

当设置画布尺寸时，浏览器会自动调整画布元素的像素尺寸以适应设备的分辨率。例如，如果设备的分辨率是 96dpi，而设置 canvas 的宽度为 300 像素，则实际的显示尺寸将是 300/96 = 3.125 英寸。

然而，画布元素的像素尺寸并不总是等于显示尺寸。浏览器会根据设备的像素密度和缩放级别进行调整。因此，不能假设画布元素的像素尺寸与显示尺寸完全一致。为了获得更准确的显示效果，可以使用 `window.devicePixelRatio` 属性来获取设备的像素密度，并将其与画布元素的像素尺寸相乘，以获得实际的显示尺寸。