canvas 线条宽度控制

在HTML5的Canvas API中，线条宽度是由`strokeWidth`属性来控制的。这个属性用于设置当前路径描边的粗细，单位通常是像素。当你在画布上绘制直线、曲线或者填充后的边缘（如果先fill再stroke），都可以通过修改`strokeWidth`来调整线条的粗细。

例如：

const canvas = document.getElementById('myCanvas');
const ctx = canvas.getContext('2d');

// 设置线条宽度为5像素
ctx.lineWidth = 5;

// 绘制一条线
ctx.beginPath();
ctx.moveTo(10, 10);
ctx.lineTo(50, 50);
ctx.stroke(); // 粗线

// 修改线条宽度为2像素
ctx.lineWidth = 2;
ctx.stroke(); // 窄线