Javascript 画布中线条的宽度是否取决于它';s码

Javascript 画布中线条的宽度是否取决于它';s码,javascript,html,html5-canvas,Javascript,Html,Html5 Canvas,我遇到了以下问题。在几个相同厚度的画布上绘制线条后,显示线条的厚度相同(参见打印屏幕) 画布的大小不一样。我想知道显示线的厚度是否取决于画布的大小?以及是否有可能在画布上绘制而不确定其宽度 这是屏幕 提前感谢画布大小属性(宽度和高度)确定画布中的逻辑像素数。canvas的CSS大小必须等于canvas大小,才能精确获得像素的1对1映射,所以你说我应该在$canvas.CSS({width:W})之后执行$canvas.width(W)是的,这样像素匹配。还可以在像素的中间绘制线条,以获得清晰的

我遇到了以下问题。在几个相同厚度的画布上绘制线条后,显示线条的厚度相同(参见打印屏幕)

画布的大小不一样。我想知道显示线的厚度是否取决于画布的大小?以及是否有可能在画布上绘制而不确定其宽度

这是屏幕


提前感谢

画布大小属性(宽度和高度)确定画布中的逻辑像素数。canvas的CSS大小必须等于canvas大小,才能精确获得像素的1对1映射

,所以你说我应该在
$canvas.CSS({width:W})
之后执行
$canvas.width(W)
是的,这样像素匹配。还可以在像素的中间绘制线条,以获得清晰的线条。i、 e在
$canvas.width(W)
之后使用x+0.5而不是整数xdoing
$canvas.css({width:W})
似乎没有效果:(可能最好不定义CSS的宽度/高度,因为您只希望它们与属性的宽度/高度相等。另一个可能会影响线宽的因素是亚像素渲染。您可以发布用于绘制线条的代码吗?