javascript - Javascript jquery html要素の座標を見つける方法は?

Question

2 つの div 要素を持つ html ページがあります。1 つはページの完全な左側にあり、classname ツールボックスがあります。もう 1 つはツールボックスのすぐ右側にあり、classname canvas があります。ツールボックス内には、クラス名が node1 の正方形の要素があります。幅と高さはそれぞれ 50 ピクセルです。次のコードは、ノード 1 をツールボックスからキャンバスにドラッグできるようにします。ご覧のとおり、node1 のクローンである x という名前の変数があります。node.helper.remove() の直後に、クローンの左上の座標を見つけるコードを書きたいと思います。座標はキャンバスを基準にする必要があります。どのようなコードを書くべきか教えていただけますか?

$(document).ready(function(){
$(".node1").draggable({
    helper: 'clone',    // cloning the node/icon.
    cursor: 'move'      // move with cursor.
})

$(".canvas").droppable({

    drop: function(event, node) 
    {

        var x = node.helper.clone();

        x.draggable({
                containment: '.canvas'
                    });

        node.helper.remove();   
    }
});
});