snap.svg

1热度

1回答

我使用Snap.svg创建悬停地图动画，但我似乎遇到了动画部分的问题。地图创建于Illustrator，并作为SVG文件导出，并链接到HTML页面。一旦我添加下面的代码，一切都消失了。 veryCold.mouseover(function() { this.animate({ fill: "#ff0000" }, 600); }).mouseout(funct

0热度

1回答

似乎无法获取在Snap.svg中工作的蒙版

我正尝试使用Snap.svg创建SVG动画。每次我尝试应用面膜时，我什么都看不到。的代码是相对简单的（且在实施例中完美地工作）： var open = s.select('.open'); var circle = s.select('.circle').attr({mask:open}); Here's the whole example。我已经注释了应该使用掩码的代码，以便了解我要做

0热度

1回答

如何在Snap SVG中取消组合元素

我正在使用Snap SVG构建编辑器。我有一个组标记与一些变换。我想取消组合。我尝试使用for循环将组中的元素添加到父项中，但是这些变换在未分组的元素中未按预期工作。有人可以告诉我一种取消组合元素的方法吗？请在这里找到JS Bin。 https://jsbin.com/jinita/edit?js,output 在这里，当我拖动黑色矩形，整个组也移动。当我放弃它时，我尝试取消它的组合，但

0热度

2回答

随机放置svg多边形

我有一个svg多边形，我想复制它们n次动态。所以我面临的问题是当我复制它们时，我应该如何复制这些点。而不是硬编码数组中的点，我希望它们动态生成。请帮我 $(document).ready(function() { var polyarray= { "polyobj": [{ "id": 0, "name": 'Poly',

-1热度

1回答

如何多次使用Snap.svg代码？

这个demo。我想使用Snap.svg制作图标，所以我希望最终用户重复HTML以获取多个图标。 HTML： <svg class="box"></svg> <svg class="box"></svg>  <svg class="box"></svg>  <svg class="box"></svg> <!-- not w

0热度

1回答

Snapsvg元素显示顺序问题

我正在使用snapsvg.io库并不确定为什么下面的代码不显示我的矩形与我的svg线元素上的文本。根据我已经放置我的代码的顺序，我认为我的矩形/文本组将在我的行上，但不幸的是，情况并非如此，无法弄清楚我做错了什么。的代码示例中，我有如下： line = s.line(trunkLeftPos, 100, trunkLeftPos, 440); line.attr({ stroke:

0热度

1回答

Snap SVG顺序动画无法按预期工作

我想按顺序动画一个正方形，首先顺时针旋转90度，然后进行简单的x轴平移。这是我一直在使用捕捉SVG Javascript代码 r.animate({ transform: 'r90, 100, 200' }, 1000, mina.easein, function() { r.animate({transform: 't 100 0'}, 1000, mina.easein);

0热度

2回答

使用SVG，将鼠标悬停在X，Y或Z上以使X和Z旋转

我的网页上有一个元素（徽标），其中包含三个其他元素，我想在徽标整体悬停时这样做，徽标中的两个元素（两个字母）将无限期地围绕其中心旋转。我已经实现了带有CSS动画的旋转元素，但是只有当元素在其自身被徘徊时才能旋转。我无法弄清楚如何使用CSS悬停三个元素中的任何一个时旋转多个元素。我有他们自己的svg标签中的三个元素作为数据URI，都在一个g中，它本身位于链接到主页的href中。 <header>

0热度

2回答

捕捉SVG动画 - 无限循环冻结

我试图循环this animation问题： svg = document.getElementById("shape"); s = Snap(svg); var l2 = Snap.select('#line2'); animatePath(); function animatePath(){ l2.animate({ d: "M328.2,29.9c-51.6,8.

0热度

1回答

Snap.svg：如何以编程方式取消正在进行的拖动操作？

如何取消Snap.svg中的拖动操作？我检查了Docs和Google Group，但没有发现任何有用的东西。目前，我正在设置一个var，表示要取消操作，将效果和return恢复为每回调dragMove，直到拖动操作真正结束。我在寻找的是一种方法来取消当前正在进行的拖动操作本身，所以没有更多的回调被调用。任何想法？