问题标签 [snap.svg]

问题是关于新发布的Snap.svg中Element.drag的 onstart 事件处理程序。

下面代码的目的是为 svg 对象上的拖动（onstart/onstop）的开始和停止注册事件处理程序。

控制台消息在拖动开始和停止时工作正常，但 null 会覆盖默认的 onmove 函数 - 导致没有实际拖动发生。如何传递“我不想弄乱默认的 onmove”的内容？

（注意：我更喜欢通过赋值的方式注册一个事件处理程序，就像熟悉的 onClick 一样，但那是另一回事。）

几个小时后添加的注释：Raphael.js 文档和示例提供了一些线索。至少现在我知道如何为 onmove 传递一个提供默认移动行为的正确函数：

我正在使用Snap.svg API，并且我需要在我的 CSS 中选择三个图形来进行样式设置。因此，为了区分它们，我需要给它们一个 ID 或类名。

这就是我创建元素的方式：

这是我得到的结果：

这就是我需要的结果：

我是 svg 的新手，我想我会尝试 snap svg。我有一组要拖动的圆圈，并且正在寻找该组的坐标。我正在使用 getBBox() 来执行此操作，但它没有像我预期的那样工作。我希望 getBBox() 更新它的 x 和 y 坐标，但它似乎没有这样做。这看起来很简单，但我想我错过了一些东西。这是代码

jsfiddle 位于http://jsfiddle.net/STpGe/2/

我错过了什么？我将如何获得组的坐标？谢谢。

我在摆弄 Snap.svg。我不想听起来真的很笨，但是我没有在 API 文档中得到下一个示例；

我正在文档中搜索纸质实例，甚至它所指的位置。我试图在悬停时获得模糊的路径。见下一个例子；

这是 Iconmonstr 图标；

我是 JS 的新手，但我正在尝试使用 snap.svg。我正在尝试为使用 snap 创建的圆圈设置动画，但我似乎一次只能做一件事。现在，当“鼠标悬停”时，圆圈会改变颜色，但我希望它“跳动”[当用户在页面上时来回改变颜色。关于如何做到这一点的任何想法？

我想在另一个指令中使用指令。

父指令在其模板中使用子指令。

这是我的代码。

html

javascript

这是jsfiddle链接。

jsfiddle

但是子指令没有显示。

我应该怎么办？

问题：我正在使用 Snap.svg 创建一些基本的交互式图形，但由于某种原因，我无法使用Snap.load(). 我直接从snap.io的教程中提取代码，并检查并仔细检查了文档。我的 SVG 文件在浏览器中呈现良好，只是没有显示在 Snap SVG 中。其他形状（即未使用 拉入Snap.load()）会显示。

代码：我已经将我的示例归结为可以想象的最简单的 HTML 和 SVG 文件，但 Snap.load() 方法仍然不适合我。有谁看到我错过了什么？

HTML：

SVG（最初从 Illustrator 导出）：

更新：根据@Ian 的建议更新了代码 -

- 但仍然没有显示外部 SVG。我尝试使用来自 w3.org 的 SVG，以确保文件本身或我的域没有问题。

我正在尝试使用 snap.svg 为对象设置动画，它显示但不缩放。这是我的代码。它仅在我使用代码生成对象但不使用加载的 svg 对象时才有效。为什么悬停时没有动画？

我只是从 snap.svg 开始。如果没有传递参数，该element.drag()函数提供一组默认值，否则您必须定义自己的onmove,onstart和onend函数。

的参数onmove(dx,dx,x,y,event)可以在您的实现中onmove用于移动元素。

如果我创建一组元素，默认情况下g.drag()允许组移动，但我无法弄清楚我自己要放入什么来onmove使组移动。

this.attr({cx: posx , cy: posy});适用于.circle. 什么是等价的x，y对于一个.group？

Snap.svg 在这种情况下不起作用：

...但是当元素已经在 HTML 中时有效：

SVG 元素在 HTML 中成功，但在 Snap.svg 中找不到。我在第一个示例中做错了还是错误？