画布中的线宽

时间:2013-02-20 11:31:38

标签: html5 canvas html5-canvas

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

现在,我想知道解决这个问题的解决方案。我已经知道了这个解决方案,现在我无法实现。所以,请对此问题的任何其他解决方案发表评论。

我的解决方案:      如果必须绘制具有奇数编号宽度的线,则必须将线的中心向上或向下偏移0.5。这样渲染将发生在像素的边界而不是中间,并且你总是会有一条尖锐的线,在末端边缘没有残留物。

如果除上述以外的任何其他解决方案,请告诉我

1 个答案:

答案 0 :(得分:3)

当您添加/减去.5像素以使线条与像素边界对齐时,您已经正确地(并且可悲地)实现了“像素对齐”。与Photoshop不同,没有选项可以在画布中自动像素捕捉。 ......我感觉到你的痛苦!

相关问题