canvas 绘制直线 并选中_canvas用法整理

Canvas 是 HTML5 中新增的一个标签，它可以用来绘制图形、动画等。Canvas 可以通过 JavaScript 来进行绘制，它提供了一系列的 API 来帮助我们完成绘制操作。其中绘制直线可以通过以下步骤完成：

1. 获取 Canvas 对象

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

2. 绘制直线

ctx.beginPath(); // 开始绘制路径
ctx.moveTo(x1, y1); // 设置起点
ctx.lineTo(x2, y2); // 绘制直线
ctx.stroke(); // 绘制路径

其中，x1 和 y1 是直线的起点坐标，x2 和 y2 是直线的终点坐标。

3. 选中直线

可以通过给直线设置颜色、线宽等属性来实现选中效果。

ctx.strokeStyle = '#f00'; // 设置颜色
ctx.lineWidth = 2; // 设置线宽

这样就可以给直线设置颜色和线宽了。

以上就是 Canvas 绘制直线和选中的简单介绍，希望能对你有所帮助。