您可以将 HTML5 Canvas 像素切片多小？

Question

在 Flash 中，像素是使用缇（即像素的二十分之一）计算的。因此，每个位置始终是 0.05 的倍数。我没有在 HTML Canvas 规范中看到这一点，并且无法跟踪 Canvas 上的光标位置。有谁知道它的像素计算的准确性吗？

编辑澄清：

我更多地指的是芝诺悖论也就是说，为了将某物从 A 点移动到 B 点，它必须首先移动到两点之间的中间点。然后又半途而废，无穷无尽。

因此，如果我想在 x 轴上从 0 点移动到 100 处的 0.5：

1. 在第 1 帧：50
2. 第 2 帧：75
3. 第 3 帧：87.5
4. 然后：93.75、96.875、98.4375...等等

那么 Canvas 在哪一步执行实际上四舍五入到下一个像素？

Answer 1

我不确定你所说的切片精度是什么意思。

画布上的像素可以绘制到略小于 0.10，之后它们几乎不会产生任何可见的影响。

当然，如果你缩放，你可以绘制0.00125像素的东西，等等。但如果取消缩放，它们将不可见。

http://jsfiddle.net/GvVD9/

（左上角的第一个方块是一个像素）

鼠标的准确性是完全不同的事情，与画布规格没有任何关系。

编辑：

嗯，我们可以证明这一点。我们可以绘制一堆 y 值接近 100 的像素，并查看它们与 y 值 100 绘制的红色像素的比较。

http://jsfiddle.net/GvVD9/46/

每个水平分隔的部分只是使用drawRect命令的一个1×1像素的矩形。

50
75
87.5
93.75  // first black pixel you see in image
96.875
98.4375
99.21875
99.609375
99.8046875
99.90234375
99.951171875
99.9755859375
99.98779296875
99.993896484375
99.9969482421875 // last black pixel you see in image