html5-canvas - createImageData 与 createImageDataHD

Question

createImageData 和 createImageDataHD 有什么区别？非高清版本的官方规格如下：

返回具有给定尺寸的 ImageData 对象。返回对象中的所有像素都是透明的黑色。

对于高清版：

返回一个 ImageData 对象，其尺寸等于参数中给定的尺寸乘以画布位图中与每个坐标空间单元对应的像素数。返回对象中的所有像素都是透明的黑色。

你能向我解释一下它们的含义以及高清版本的用例是什么？

Answer 1

该用例适用于更高分辨率的屏幕，例如 Retina 显示器。

虽然这样的显示器有更多的字面像素，但由于 CSS 像素的可变性，在这样的系统上显示的浏览器仍然表现得好像它具有正常的分辨率；在此处查看CSS 对像素和锚单元的讨论。

对于分辨率较低的设备，以及具有异常观看距离的设备，建议将锚单元改为像素单元。对于此类设备，建议像素单位是指最接近参考像素的设备像素的总数。[即，让像素为普通设备上的像素。]

对于印刷媒体和类似的高分辨率设备，锚单位应该是标准物理单位之一（英寸、厘米等）。[即，假设高分辨率设备上的像素为 96 dpi。]

这一点很重要，因此视网膜屏幕上显示像素的双倍密度不会导致每个网站都只有一半宽和一半高。

画布规范的像素操作例程假定一个 CSS 像素等于底层位图中的一个像素，但这无法利用更高分辨率的屏幕。