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

每个级别的警报显示,尽管拖动函数被调用两次,但函数丢弃仅被调用一次 .

这是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库呈现的函数