html - 您可以将 HTML5 Canvas 像素切成多小？

Question

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

编辑澄清:

我指的更多是 Zeno's paradox这表示为了将某物从 A 点移动到 B 点，它必须首先移动到两者之间的中间点。然后再中途，无限循环。

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

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

那么 Canvas 实际上在哪一步向上舍入到下一个像素？

Answer 1

我不确定切片的准确性是什么意思。

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

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

http://jsfiddle.net/GvVD9/

(左上角的第一个方 block 是一个像素)

鼠标的准确度是完全不同的东西，与 Canvas 规范没有任何关系。

编辑:

好吧，我们可以证明这一点。我们可以绘制一堆 y 值接近 100 的像素，看看它们与 y 值 100 绘制的红色像素相比如何。

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

使用 drawRect 命令，每个水平分隔的部分只是一个 1 x 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