【发布时间】：2012-11-23 22:30:37
【问题描述】：
我遇到了以下问题。在几张相同粗细的画布上画线后，显示的线条粗细相同（见打印屏幕）
画布的大小不一样。我想知道显示线条的粗细是否取决于画布的尺寸？以及是否可以在不确定其宽度的情况下在画布上绘制。
这是屏幕
提前谢谢你
【问题讨论】：
标签： javascript html html5-canvas
【发布时间】：2012-11-23 22:30:37
【问题描述】：
画布尺寸属性（宽度和高度）决定了画布中的逻辑像素数。画布的 CSS 大小必须等于画布大小才能获得精确的 1 对 1 像素映射
【讨论】：
-
所以你说我应该在
$canvas.width(W)之后做$canvas.css({width: W}) -
是的，这样像素匹配。还要在像素中间画线以获得清晰的线条。即使用 x + 0.5 而不是整数 x
-
在
$canvas.width(W)之后做$canvas.css({width: W})似乎没有效果:( -
最好不要定义 CSS 宽度/高度，因为无论如何你只是希望它们等于属性宽度/高度。另一件会影响你的线宽的事情，至少是轻微的，是亚像素渲染。你能发布你用来画线的代码吗？