snap.svg

2热度

2回答

下面是一个尝试将setStops实现为径向渐变的交互式示例。当点击'setStops'按钮时会出现错误信息：“setStops不是函数” 我正确使用它吗？ <!DOCTYPE HTML> <html> <head> <title>Snap.svg setStops</title> <script type="text/javascript" src="http://svgD

0热度

1回答

Snap.svg：如何使用Set.bind（...）？

我无法弄清楚如何使用Snap.svg的Set.bind（...）功能。下面是一个集合中有三个（3）元素的示例：2个圆和一个椭圆。我想使用绑定访问和更改各种元素中的一些attr。一些例子绑定将不胜感激。（实际上，在这个时候，我看不到在使用Set对象而不是数组方面的任何优势，有没有Set的任何特性与数组一样不能处理？） <!DOCTYPE HTML> <html> <head>

0热度

1回答

如何修改svg文本元素的交互区域以匹配其边界框？

当我使用Snap创建文本元素（例如字母“a”）时，捕获点击事件的周围区域比边界框大得多，缩放因子至少为10.这意味着如果我创建第二个文本元素“b”与“a”接近但在视觉上是分开的，因此交互区域具有较大的交集，以便哪个元素被点击主要取决于哪个元素位于较早/较晚的层中。是否可以缩小交互区域以尽可能地匹配边界框，以便分层不会影响哪个元素的点击事件被触发？ Here's a jsfiddle exampl

0热度

1回答

Snap.svg：动画使用mina（）绘制螺旋线

我有一个动画对象，AnimateJS，在下面的示例中。它的功能是沿着螺旋线画线。我想将其转换为Snap's mina（）。我在应用各种米纳特性以实现这一点方面遇到了一些困难。任何帮助，将不胜感激。 <!DOCTYPE HTML> <html> <head> <script type="text/javascript" src="http://svgDiscovery.com/

1热度

1回答

Snap.svg：如何暂停/恢复动画？

我有一个下面的例子，围绕SVG根绘图的边缘运行一个圆。我可以停止并重新启动它，而不会出现问题。但是，我宁愿重新启动（恢复）它的最后位置，而不是将其重新设置回开始位置。这是可能与Snap？ <!DOCTYPE HTML> <html> <head> <title>Snap Pause/Resume Animation</title> <script type="te

0热度

1回答

如何使用Snap.svg创建“U”形状？

我需要创建一个反向U形状使用javascript，但我无法弄清楚。有点像这种折线形状，但最后弯曲，使用这些相同的点。我用曲线和东西找到了复杂动画的代码示例，但并不简单。 var lsvg = Snap('#svg'); var arrow = lsvg.polyline([6,10, 3,0, 0,10]).attr({stroke: '#000', fill: '#f2f4f3'});

0热度

1回答

重复所有SVG的代码功能012.sdg

如何将点击事件功能添加到所有5个路径<path id="1",<path id="2"等，而无需复制并粘贴此代码5次并每次更改ID？我只有中部地区（科洛桑）工作。这是一个棋盘游戏星球大战：叛乱的游戏辅助概念的证明。这有助于帝国排除反叛者的浮渣没有隐藏在哪个系统（行星）中。Image of SW: Rebellion board game map. 如果我能得到5个工作，那么我应该能够理解如何扩

0热度

1回答

对齐SVG旋转和缩放

我想缩放，然后旋转一个三角形，然后将其转换为Snap SVG中的给定点。我想旋转它的顶部而不是中心的三角形，所以我可以建立像馅饼一样的东西。所以我想我先缩放，然后旋转，稍后翻译。 var t = new Snap.Matrix(); t.scale(0.5); t.rotate(45, bbox.cx, (bbox.cy-(bbox.h/2))); 但是规模和旋转莫名其妙地有点关闭。

0热度

1回答

Snap.svg：间歇动画错误

我一直在试图在下面的示例中找到导致错误的原因。该错误定期发生。会发生什么情况是，当单击按钮以使其旋转和相关符号动起来时，有时候所请求的动画会错误地缩放符号：它们会缩小。发生错误的符号也不一致。在遇到错误之前，您可能需要运行代码片段几次。 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

1热度

1回答

Snap.svg拖动多个组

我不知道如何在选择它们后在snap.svg中拖动多个组。当选择两个元素（其中两个元素的不透明度发生变化）并使用dragGroup函数时，我想拖动这两个元素，而不仅仅是单击的元素。你能给我一些支持如何完成它吗？请参阅的jsfiddle，这说明问题 - JSFiddle SelectMultipleGroups(); dragGroup(Snap.select("#extGrid1")); dr