Javascript SVG.js:Draggable DIV foreignobject

Javascript SVG.js:Draggable DIV foreignobject,javascript,svg,svg.js,Javascript,Svg,Svg.js,使用SVG.js,我有一个div,作为foreignobject放在SVG中。div的大小很好地基于它innerHTML。我希望它是拖拉的。我向foreignobject添加了draggable(),但它工作不正常:它不保留x、y拖动值 有什么想法吗 下面是这个问题的一个例子 SVG.js-可拖动的外来对象 SVG.js-可拖动的外来对象 var mySVG=SVG('svgDiv')。大小(400400); var fobj=mySVG.foreignObject().attr({id:'

使用SVG.js,我有一个div,作为foreignobject放在SVG中。div的大小很好地基于它innerHTML。我希望它是拖拉的。我向foreignobject添加了draggable(),但它工作不正常:它不保留x、y拖动值

有什么想法吗

下面是这个问题的一个例子


SVG.js-可拖动的外来对象
SVG.js-可拖动的外来对象
var mySVG=SVG('svgDiv')。大小(400400);
var fobj=mySVG.foreignObject().attr({id:'fobj'})
fobj.移动(30,30)
fobj.draggable()
var txt=“一些相当长的文本。而且它会持续不断。它实际上毫无意义。语法也很糟糕。等等。等等。”
appendChild(“div”,{id:'myDiv',innerHTML:txt})
myDiv.style.cursor='move'
myDiv.style.width='200px'
myDiv.style.padding='10px'
myDiv.style.background='white'
myDiv.style.height=myDiv.scollHeight+'px'
myDiv.style.border=“纯黑1px”

我刚试过,效果很好。我可以像普通人一样拖动对象shape@Fuzzyma在Edge/Firefox中,可拖动工作正常。然而在Chrome中问题就出现了。我猜Chrome的外部对象实现是有缺陷的。