线宽帆布(Line Width in Canvas)

2019-07-20 05:19发布

好吧,如果我画一条线与线宽在HTML5画布奇数值,我得到一个模糊的线,我知道这个问题的原因。

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

我的解决办法 :如果你有画以奇数宽度的线,那么你将有0.5抵消你的线的中心向上或向下。 渲染方式将发生在像素的边界,而不是在中间,你将永远有,无残留在端部边缘锋利的线条。

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

Answer 1:

令人高兴的是(和可悲的是)您正确实施时加/减0.5像素,让您的线条与像素边界对齐“像素捕捉”。 不同于Photoshop中,没有选择自动像素的画布折断。 ......我觉得你的痛苦!



文章来源: Line Width in Canvas