我正在画布元素上绘制一个（球的）精灵。然而，随着球的移动，球的 x 或 y 位置可能变成分数，例如。 （20.153；63.638）。当使用画布绘制此图像时，它会尝试使用透明像素使球更准确地出现在它的位置。
我想知道是否应该在绘制球之前使用Math.round() 以避免透明像素的东西，并可能加快游戏速度。这会有很大帮助吗？该游戏是一种复杂的乒乓球游戏。
下面的图片应该有助于我的解释：
【问题讨论】：
Canvas的实现。
至少this guy seems to believe so。正如 Gabe 所说，这取决于实现。
请注意，如果您使用常规坐标（1、14 等），似乎会出现某种抗锯齿。出于这个原因，一些指南（主要是Dive Into HTML5）似乎建议您最好使用半像素（即1.5、14.5等）进行渲染。不过，我不知道这是否会对性能产生任何影响。至少在渲染结果上很明显。
您可能还想尝试各种分层方案。有关更多信息，请参阅this question。根据您的情况，您甚至可能希望将您的对象视为单独的画布，并将它们偏移到背景之上。
或者，您可以尝试在一个画布上全部渲染。在这种情况下，您需要跟踪一些额外的内容。 This library 似乎为您处理所有簿记。
【讨论】：
var x2 = x|0 而不是 Math.Round 的东西来舍入坐标
round。那是floor。