javascript - 多个将多个元素拖放到画布元素中

Question

我的项目的一部分是将多个图像从 div 元素拖放到画布中，图像是 .svg 类型，我使用库fabric.js来渲染这些图像。我面临的问题是文件不会多次放入画布中。

每个级别的警报表明，尽管拖动函数被调用了两次，但 drop 函数只被调用了一次。

这是javascript代码的一部分：

var object = new Image();

function allowDrop(ev)
{
    ev.preventDefault();
}

function drag(ev)
{
    ev.dataTransfer.setData("Text",ev.target.id);
}

function drop(ev)
{
    ev.preventDefault();
    var data=document.getElementById(ev.dataTransfer.getData("Text")).getAttribute('src');
    object.src = data.toString();
main();

}

main() 是使用 object.src 捕获图像 url 然后使用 fabric.js 库呈现的函数