javascript - html5画布比例与增加画布尺寸以进行缩放有什么区别？

Question

正如MDN 网络文档中提到的画布比例：

默认情况下，画布上的一个单位正好是一个像素。例如，如果我们应用 0.5 的缩放因子，则生成的单位将变为 0.5 像素，因此形状将以一半大小绘制。以类似的方式将缩放因子设置为 2.0 会增加单位大小，现在一个单位变成两个像素。这会导致绘制两倍大的形状。

那么当我们增加画布的宽度/高度以进行缩放时，它的工作原理是否相同，或者它只是拉伸图像，它会影响图像质量吗？

标签： javascripthtmlcanvashtml5-canvas

Answer 1

据我所知，和你说的完全一样。更改画布的尺寸时，图像会被拉伸，并且像素的插值方式与拉伸图像时相同。

在画布内缩放时，绘图引擎知道例如在缩放设置为 2 时绘制 2x2 像素。因此图像保持“锐利”。