javascript - 在具有指定坐标的 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问题。但它正在按您的预期工作。