2

好吧，如果我在 HTML5 Canvas 中画一条 lineWidth 为奇数的线，我会得到一条模糊的线，我知道这个问题的原因。

现在，我想知道克服这个问题的解决方案。我已经知道了一个解决方案，但我现在无法实施。因此，请评论此问题的任何其他解决方案。

我的解决方案：如果您必须绘制一条奇数宽度的线，那么您必须将线的中心向上或向下偏移 0.5。这样渲染将发生在像素的边界而不是中间，并且您将始终有一条清晰的线，在末端边缘没有残留物。

让我知道除上述以外的任何其他解决方案

4

1 回答 1

3

令人高兴（也很遗憾）当您添加/减去 0.5 个像素以使您的线条与像素边界对齐时，您已经正确实现了“像素捕捉”。与 Photoshop 不同，没有选项可以在画布中自动进行像素对齐。...我感觉到你的痛苦！

于 2013-02-21T01:47:14.623 回答