Html 画布中的线宽

Html 画布中的线宽,html,canvas,html5-canvas,Html,Canvas,Html5 Canvas,嗯,如果我在HTML5画布上画一条线宽为奇数的线,我会得到一条模糊的线,我知道这个问题的原因 现在,我想知道克服这个问题的方法。我已经知道了一个解决方案,但现在无法实现。因此,请就这个问题的任何其他解决方案发表意见 我的解决方案: 如果必须绘制一条宽度为奇数的线,则必须将线的中心向上或向下偏移0.5。这样,渲染将发生在像素的边界而不是中间,并且您将始终有一条锐利的线,在末端边缘没有残留 请告诉我,除了上述解决方案之外,您是否有其他解决方案,当您添加/减去0.5像素以使线条与像素边界对齐时,您是否

嗯,如果我在HTML5画布上画一条线宽为奇数的线,我会得到一条模糊的线,我知道这个问题的原因

现在,我想知道克服这个问题的方法。我已经知道了一个解决方案,但现在无法实现。因此,请就这个问题的任何其他解决方案发表意见

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


请告诉我,除了上述解决方案之外,您是否有其他解决方案,当您添加/减去0.5像素以使线条与像素边界对齐时,您是否正确地实施了“像素捕捉”。与Photoshop不同,没有自动在画布中进行像素捕捉的选项。。。我感觉到你的痛苦

SVG的可能副本允许您设置
crispEdge
渲染模式;不幸的是,canvas不可能:我不应该使用SVG。。。