Javascript 拖放但替换<；img>；使用内嵌svg

我想用内联SVG替换我的图像，让代码正常工作。我有一个简单的拖放小部件，带有一个拖放表和一个拖放表（这实际上是一个拖放复制，这就是我想要的）。我有两个图像，其中本地.svg文件的

draggable

设置为

true

。我希望使.svg代码是内联的，这样我就可以操纵svg的。每次我试图替换

const cells=document.queryselectoral（“.cell:empty”）//我们只想将事件侦听器添加到空单元格中
for（单元格的常量单元格）{
cell.addEventListener（'dragover'，allowDrop）；
cell.addEventListener（'drop'，drop）；
}
函数dragStart（evt）
{
setData（“Text”，evt.target.id）；
}
功能下降（evt）
{
var data=evt.dataTransfer.getData（“文本”）；
var nodeCopy=document.getElementById（数据）.cloneNode（真）；
nodeCopy.id=Date.now（）；/*我们不能使用相同的id*/
evt.target.appendChild（nodeCopy）；
}
函数allowDrop（ob）
{
ob.preventDefault（）；
}

解决方案：使用jQuery:）上帝与你同在。电子体积很大。：）看到这一点：它使用名为gsap.min.js的库和Draggable.min.jsI将尝试实现这两个库，并给出示例：）