你有多小可以切片HTML5 Canvas像素？

Question

在Flash中,像素是使用缇或二十分之一像素计算的.因此,每个位置总是0.05的倍数.我没有在HTML Canvas规范中看到过这个,并且无法在Canvas上跟踪光标位置.有谁知道像素计算的准确性？

编辑以澄清:

我更多地提到了Zeno的悖论,即为了将某些东西从A点移动到B点,它必须首先移动到两者之间的中间位置.然后再一半,无限的.

因此,如果我想在0轴上移动x轴从0到100:

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