interact.js无法拖动对象标记SVG

interact.js无法拖动对象标记SVG,svg,interact.js,Svg,Interact.js,我试图通过拖放/缩放/旋转和触摸功能来移动svg对象。我的SVG包含在标记中,它似乎无法与interact.js一起正常工作。我编写了一个测试,通过它可以拖动一个内嵌的SVG。。 然而,对象SVG不起作用 这是否是interact.js的限制,即它只能与内联SVG一起工作? 有解决办法吗?对我也不起作用。仅在加载对象的svg后才尝试添加交互,但这似乎也没有帮助…目前将继续联机。据我所知,在使用对象时,svg更像是一个iframe(不像iframe,但行为有点类似)。例如,当我想用js/jq

我试图通过拖放/缩放/旋转和触摸功能来移动svg对象。我的SVG包含在
标记中,它似乎无法与interact.js一起正常工作。我编写了一个测试,通过它可以拖动一个内嵌的SVG。。


然而,对象SVG不起作用

这是否是interact.js的限制,即它只能与内联SVG一起工作?
有解决办法吗?

对我也不起作用。仅在加载对象的svg后才尝试添加交互,但这似乎也没有帮助…目前将继续联机。据我所知,在使用对象时,svg更像是一个iframe(不像iframe,但行为有点类似)。例如,当我想用js/jquery访问它的节点时,我不得不使用
$('object').get(0).contentDocument
,这也是访问iframe内容时要做的……因此,对象的svg的DOM似乎与主HTML DOM断开了连接。当使用内联svg时,HTML中的CSS规则也适用,这也是一个很大的优势。。。
<object class=draggable data="http://perlmaven.com/img/red_blue_circle.svg" type="image/svg+xml"></object>