svg-animate

1热度

1回答

我使用javascript动态创建svg元素及其内容，并将其添加到div中，即我的网页。我想重新绘制窗口大小的svg，但是，元素正在重绘，但附加的动画不会再次重新启动这些元素！无论我做什么，动画只在页面加载时触发。我试着调整大小事件如下：排空SVG，并重新创建它里面的元素 - 动画上页面加载工作，在娱乐它不是触发增加新动画元素再次与相同的动画元素 - 无论多个动画元素出现在像rect这

0热度

4回答

带有SVG标志的动画半圆

我想在SVG中制作此图形。我可以使用<animate>标记，我可以使用JavaScript处理SVG文档。如果可能，我宁愿在SVG中完成所有工作。

0热度

1回答

如何在Android和iOS中调试HTML元素和JavaScript？

我一直在使用SVG动画的项目。我在PC浏览器上完美工作，但它不适用于iOS Safari和Chrome。它在Android股票浏览器部分工作。请帮助我如何调试它。

1热度

3回答

如何用css改变svg矩形的宽度

用CSS可以改变SVG矩形的宽度吗？这不起作用： #red { width: 800px; } #red:hover { width: 1600px; } 见jsfiddle。

2热度

2回答

沿着路径发出动画SVG的动画

我想沿着路径动画形状，我已经设法创建了我想要的路径，但是当我沿着路径移动形状的动画时，它似乎沿着第一个部分路径。（原谅我，一点点小菜）。这是代码; <svg> <rect x="-100" y="100" width="200" height="200" style="stroke: none; fill: #FFCC33;"> <animateMotion path="

2热度

1回答

简单的SVG对象复位

这可能是很简单，但我开始学习SVG和我用下面的代码的行为感到困惑： <svg> <defs> <path id="thepath" fill="none" stroke="#000000" d="M25,0 L200,200" /> </defs> <rect x="25" y="0" width="50" height="100" fill="slategrey">

0热度

1回答

沿着动画路径的SVG：animateMotion

沿着动画路径使用animateMotion时，Firefox（26）遵循原始路径，而Opera（17）和Chrome（32）遵循变化的路径。例如，在下面的SVG红色矩形以在FF 100,10位置在其他浏览器结束，而在50，10： <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" vi

0热度

1回答

SVG动画不会重新启动动画

我有两个SVG动画添加到路径元素。我想mouseover和Anim1火然后mouseout和Anim2火，我想这是可重复的。我正在使用begin=X.mouseover,begin=X.mouseleave和fill="freeze"。它第一次运作良好;所以mouseover Anim1火灾，mouseleave Anim2火灾。但是它只会在mouseover上激发Anim1，而Anim2永远

2热度

1回答

将Snap.animation传递给Element.animate时出现Snap.svg错误

This Fiddle显示我正面临的错误。它真的是一个错误还是我做错了什么？在小提琴中，悬停两个圆圈，白色的一个是正确的动画，黑色的一个消失，一个无限循环开始在控制台中抛出错误。 var animateCircleIn = Snap.animation({ r: 15 }, 400, mina.backout); var animateCircleOut = Snap.anima

2热度

2回答

SnapSVG教程

我刚开始使用SnapSvg插件，但是看起来这个插件很少有教学资源，请问有没有Ebook或者SnapSVG的课程？