html交互式添加线要素,HTML5 Canvas绘制交互式交叉线

您可以使用HTML5 Canvas绘制交互式交叉线。以下是一个示例代码：

HTML代码：

<canvas id="myCanvas" width="500" height="500"></canvas>

JavaScript代码：

var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
var x = 0;
var y = 0;

canvas.addEventListener("mousemove", function(event) {
  x = event.offsetX;
  y = event.offsetY;
  draw();
});

function draw() {
  ctx.clearRect(0, 0, canvas.width, canvas.height);
  ctx.beginPath();
  ctx.moveTo(x, 0);
  ctx.lineTo(x, canvas.height);
  ctx.moveTo(0, y);
  ctx.lineTo(canvas.width, y);
  ctx.stroke();
}

这段代码会在鼠标移动时画出交叉线。您可以根据需要自行修改绘制样式。