问题标签 [svg-animate]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 如何使用 raphael js 更改动画圆圈 onclick 的大小
我有一个看起来像这样的动画圆圈：
蓝色部分倒计时，例如在 10 秒内从满到没有。橙色圆圈只是一个圆圈。但我希望当你点击它时圆圈会变小。所以我为这个圈子做了一个 onclick 事件。
};
那行得通，我已经为两个圆圈做了它，它们都变小了，但是，在 500 英里秒后，蓝色圆圈又变大了，因为蓝色圆圈的计时器得到了它应该更大的参数。
因为蓝色圆圈计数 10 秒，所以它会自动再次变大。如何使两个圆圈变小但保持计时器倒计时？
我正在考虑停止蓝色圆圈的动画并保存动画的剩余毫秒数，将其绘制得更小，然后用剩余的秒数重新开始动画，但我不知道该怎么做。但也许我正在寻找错误的方向，我是否必须让它与众不同。
谢谢。
我所有的代码：
这是我的代码，计时器可以工作，如果你点击圆圈，它会变小，但如果你在 bue 圆圈完成之前点击它，它会再次变大。
更新 我在 jsFiddle 上得到的工作版本， http://jsfiddle.net/hgwd92/2S4Dm/
html - 如何通过向曲线添加点来创建 SVG 动画
我有一组点（2D），比如 A0、A1、A2、...、A100
我想以某种方式为这些点设置动画以从中绘制曲线，因此在第一帧中，曲线将包含
A0
（所以单点），那么下一帧就会有下一个点
A0,A1
然后在下一帧，
A0,A1,A2
以此类推，50帧
A0,A1,...,A49
我怎样才能做到这一点？我想在文件的开头定义点，然后让它们稍后使用（也许在一个数组中？），因为实际上我使用了 2000 个点，手动定义这将是疯狂的。
我这样做是因为我正在准备一些 HTML5 演示文稿。
欢迎任何替代品（矢量图形）。感谢您的任何努力。
javascript - 矩形 SVG 对象/Raphael JS 的快速信息
我正在使用 Raphael JS 绘制矩形对象。JS 编码由运行时转换为 ABAP 编码并显示在内部浏览器中。虽然显示一切都很好，但我想在将鼠标移到 SVG 对象上时发布一个特定的 Qucikinfo。有谁知道如何通过矩形对象发布快速信息？通过单击对象获得信息也可以。我不想使用圆形对象..
阿巴普：
js：
svg - 无需 CSS 或 Java 即可无限旋转 SVG 组 360 度
这是我第一次深入研究 SVG。是否可以在没有 css 或 javascript/jquery 的情况下无限期地旋转这个组 360？到目前为止，我让它在左上角旋转，但我似乎无法弄清楚如何将它居中。
javascript - 使用 svg.js 动画位置的正确方法是什么
我创建了一条路径（渲染良好）。几秒钟后，我只想让它垂直向上移动。
按照文档，我已经能够为路径设置动画，但它并没有像我预期的那样移动。路径向右跳并沿对角线移动，与平滑的垂直过渡相反。这是我的代码：
谁能指出造成这种情况的原因？
我也在 JSFiddle 中对此进行了概述：http: //jsfiddle.net/Dwf3Z/
css - 使用 CSS 为信息图 SVG 制作动画（圆环图）
我想制作一个“仪表板”页面并以图形方式显示一些数字。
我的想法是使用 Illustrator 设计，将其导出为 SVG，并根据数据库中的值使用 CSS 更改图表。
我想用那些圆环图来可视化百分比。但是如何使用 CSS（或 jQuery）调整图形。
找到了一些关于 d3.js 和其他库的教程，但我想使用 Illustator 设计而不是生成图形。上谷歌2天了。。
欢迎任何提示、提示、链接等！谢谢 ：）
animation - 没有 Javascript 的 SVG Spin Gear
我在 Inkscape 中制作了一个生锈的齿轮。如何在不使用 Javascript 的情况下使齿轮像旋转的轮子一样旋转。我希望这个 SVG 文件只包含 SVG 代码。我可以手动编程 SVG 或使用 Inkscape 制作动画。这是我的代码。齿轮绕着某个中心旋转，但我希望它在原地旋转。
svg - SVGPAN - 平滑过渡放大效果
是否可以对 svg 元素进行平滑缩放？
我正在使用 svgpan 脚本并了解放大是由 transform 属性控制的。
transform="matrix(0.6,0,0,0.6,0,0)
应用放大功能时可以添加“过渡”以使过渡平滑吗？
示例： http ://www.cyberz.org/projects/SVGPan/tiger.svg
想法平滑过渡：http: //vectorflower.com/preview/smooth_zoom/
firefox - SVG中的显示属性动画是添加剂吗？
根据svg Animate Element 文档 ，动画是加法的；但是当我尝试使用 2animate tag时attribute name=display，我只能在 firefox 23.0 和 opera 12.15 中获得后一个的效果，这是我的 svg 文件；
这是两个动画标签
我想知道显示是否是动画的特殊属性？还是这两个浏览器中的错误？