将图像拖放到图像上以填充缺失的部分

时间:2017-03-01 18:46:34

标签: javascript jquery css html5 frontend

我是前端开发的初学者,试图创建我自己的项目,我将图像拖放到图像上以填充图像中缺失的部分。我尝试使用HTML中的图像映射并尝试使用HTML5拖放功能。但似乎我们只能在图像映射中的区域上移动到div。如果在删除图像时突出显示该区域,这也会很好。如果有人能指出我可以使用的ui插件或一些资源来启动它,对我来说将是一个很好的开始。

1 个答案:

答案 0 :(得分:0)

正如JavaSpyder所指出的,jQuery UI似乎是一个很好的插件,可用于HTML5功能。您可以使用最少量的代码轻松地为DOM元素提供拖放功能。

您的代码可能如下所示:

$( function() {
$( "#draggable" ).draggable();
$( "#droppable" ).droppable({
  drop: function( event, ui ) {
    // target image and do stuff with it
  }
});
} );

https://jqueryui.com/draggable/

https://jqueryui.com/droppable/