canvas绘制一条直线，直线的末端有一个三角箭头

好的，您可以使用以下代码绘制一条带箭头的直线：

const canvas = document.getElementById("myCanvas");
const context = canvas.getContext("2d");

// 绘制直线
context.beginPath();
context.moveTo(50, 50);
context.lineTo(200, 50);
context.stroke();

// 绘制箭头
context.beginPath();
context.moveTo(200, 50);
context.lineTo(190, 45);
context.lineTo(190, 55);
context.closePath();
context.fill();

请注意，此示例将直线绘制在 ID 为“myCanvas”的画布上。 您可以将起点和终点的坐标更改为所需的值，以及箭头的大小和位置。