html文字前画线代码,在div上画线

拖动

要在div上拖放图标,我可以在div上放置图标并轻松拖动它们。但我不知道如何实现“Scribble”功能(例如,使用类似鼠标的笔在div上画线,就像在画布上一样)。

下面是我试图使用的示例代码:

.dragContainer, .dragContainer2 {

width:1100px;

height:600px;

border: solid 1px green;

}

$(document).ready(function () {

$("p").click(function () {

$(this).hide();

});

});

function AddIcon(lnk) {

var icon = '

' +

'X' +

'

' +

'

';

$(".dragContainer").append(icon);

$(".draggable").draggable({

scroll: false

});

}

拖动