ライン/ワイヤーマニュアルで2つの要素を接続する

Question

ワイヤーまたはラインを使用してポイントのセットを接続できるようにします。 ,とが接続されていると接続が完了します。そうでない場合、プレーヤーの接続が間違っていると、画面に間違った接続が表示されます。

Answer 1

私はで開始するいくつかのポインタを与えることができます。

線画は

ノードの選択では、あなたは、線を引くことができ、他のノード上でドロップします。ノード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; 
}