canvas画线宽度
时间: 2023-08-21 12:08:12 浏览: 113
canvas画线
在Canvas中绘制线条时,可以使用`lineWidth`属性来设置线条的宽度。下面是一个示例代码:
```javascript
const canvas = document.getElementById('myCanvas');
const ctx = canvas.getContext('2d');
ctx.lineWidth = 5; // 设置线条宽度为5像素
ctx.beginPath();
ctx.moveTo(50, 50); // 设置起点坐标
ctx.lineTo(200, 50); // 设置终点坐标
ctx.stroke(); // 绘制线条
```
在上述示例中,`lineWidth`被设置为5像素,然后使用`moveTo`和`lineTo`方法设置线条的起点和终点坐标,最后使用`stroke`方法绘制线条。
你可以根据需要调整`lineWidth`的值来改变线条的粗细。
阅读全文