无法使用画布和图像

Question

我正在使用html2canvas库制作带有下面代码

的拖动div的阴影图像

的Javascript

function drag(ev) {
ev.dataTransfer.setData("text/html", ev.target.id);

html2canvas(ev.target).then(function(canvas) {
    var image = new Image();
    image.src = canvas.toDataURL("image/png");
    document.body.appendChild(image);
    ev.dataTransfer.setDragImage(image, 0, 0);

});

HTML

<div id="div2" ondrop="drop(event)" ondragover="allowDrop(event)" ondragend="dragEnd(event)" class="col-xs-12 col-sm-12 col-md-12 col-lg-12"></div>

我可以看到由html2canvas生成的图像（在document.body中添加）但是在拖动元素期间它不会出现

提前感谢