linewidth = 1.0

路径宽度/厚度,默认值1.0

  ctx.lineWidth = 8;

测验

随机宽度(1-10)的直线

宽度3.5矩形

宽度5圆

边缘

如果在画布的左侧画一条坚线,可以发现宽度只有一半.左边的线与右边的线宽度值都是8.但左边线看起来只有一半宽度

因为还有一半在画布左侧,属于画布区域之外.不会显示了.可以认为,宽度为n时,坐标中轴均分n.

线条渲染的详细解释见https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API/Tutorial/Applying_styles_and_colors#Line_styles

<<H5核心技术图形动画与游戏开发(David Geary)>> 71页

像素边界,同样绘制一像素宽的线条,如果绘制在像素交界处会是2像素宽,而绘制在2个像素中间时才是1像素宽