snapsvg - 在SVG +事件中添加SVG无法正常工作

Question

我在网页中有几个SVG元素，我想嵌套它们。我遇到的问题是，当我这样做时使用：

top = Snap("#workspace");
inner = Snap("#child");
top.add(inner);

然后inner不响应事件，即inner.click(function....)或inner.drag()没有做出预期的事情。这是一个JSFiddle。 dots对象不可拖动，block为。{/ p>

Answer 1

您无法拖动/转换svg元素本身，因此无法正常工作。

你可以拖动一个g元素，所以把拖动处理程序放在那个上面。你可以这样做。

var dots = Snap("#layer1");

jsfiddle