使用线/线连接两个元素mannualy

我希望用户能够使用线或线连接一组点。连接完成时,点,和已连接,否则如果播放器连接错误,则屏幕显示错误的连接。使用线/线连接两个元素mannualy

回答:

我可以给一些指针开始。

线描

在节点的选择,你可以画线和其他节点上掉落。继续捕获节点ID,如果列表中有1,2,6表示其正确或错误

function drawLine(x, y) { 

ctx.beginPath();

ctx.moveTo(startX, startY);

ctx.lineTo(x, y);

ctx.closePath();

ctx.stroke();

ctx.restore();

}

canvas.onmousedown = function (e) {

ctx.save();

e.preventDefault();

e.stopPropagation();

startX = parseInt(e.clientX - offsetX);

startY = parseInt(e.clientY - offsetY);

isDown = true;

}

canvas.onmousemove = function (e) {

if (!isDown) {

return;

}

e.preventDefault();

e.stopPropagation();

mouseX = parseInt(e.clientX - offsetX);

mouseY = parseInt(e.clientY - offsetY);

drawLine(mouseX, mouseY);

}

canvas.onmouseup = function (e) {

if (!isDown) {

return;

}

e.preventDefault();

e.stopPropagation();

isDown = false;

}

以上是 使用线/线连接两个元素mannualy 的全部内容, 来源链接: utcz.com/qa/261472.html

回到顶部