使用指定坐标在div内绘制一条线

Question

我有这个小提琴：http://jsfiddle.net/u4CBW/

$("#ninjaimage1").draggable({
    containment: "#cirlce1",
    stop: function (event, ui) {
        $("#cirlce1").animate({
            top: $(this).offset().top - 60,
            left: $(this).offset().left - 60
        });
    }
}); 

每当拖动图像时，我想在该图像的起始位置和结束位置之间画一条线，我该如何实现？

Answer 1

我建议您可以再添加一张图片，即小点图像或高度和宽度为div的点，并选择背景。当您开始拖动时，开始使用鼠标位置将图像（位置：绝对）附加到DOM，即从鼠标位置向上和向左移动。

可能有更多方法可以实现这一目标。但是这个建议出现在我的脑海里并且想要分享它。

我知道这可能有点工作。

检查小提琴： -

http://jsfiddle.net/u4CBW/9/

drag: function(e, ui){
             var top = ui.offset.top;
             var left = ui.offset.left;
             var newDot = $("<div class='dot'></div>");

有一些CSS问题。但它正如你期待的那样工作。