snapsvg - 在 SVG + 事件中添加 SVG 不起作用

Question

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

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

然后 inner 不响应事件，即 inner.click(function....) 或 inner.drag() 不做预期的事情。这是JSFiddle。 dots 对象不可拖动，而 block 是。

Answer 1

您不能 drag/transform svg 元素本身，所以那行不通。

不过您可以拖动 g 元素，因此请将拖动处理程序放在该元素上。您可以改为执行此操作。

var dots = Snap("#layer1");

snapsvg - Add SVG inside SVG + events not working