问题标签 [smil]

如何在纯 SMIL 中重新创建这个 SVG 饼图动画？我希望放弃复杂的 JS，并且还能够控制动画的总持续时间：

http://jsfiddle.net/frank_o/gFnw9/19/

到目前为止，这就是我得到的全部：

http://jsfiddle.net/frank_o/46mH2/（感谢伊恩）

但不幸的是：

• 它的位置远离画布（或者一开始不是一个完整的圆圈）
• 从 9 点开始而不是 12 点开始
• 使用 Snap.svg （宁愿不依赖任何外部库，但如果我必须）

HTML：

JS：

更新：

问题：

应该：

有谁知道这个 SVG SMIL 饼图动画的中心有什么问题？

http://jsfiddle.net/frank_o/fj7Xc/

它看起来像这样：

而它应该是这样的：

HTML：

我正在尝试使用 SVG SMIL 动画制作悬停效果。需要纠正 mouseovermouseout: mouseover=scale+15%andopacity-50%和 mouseout 反向。将鼠标悬停在我的敏感矩形中的单独元素上时没有跳转。谢谢

当我将鼠标悬停在灰色矩形上时，我正在缩放他

我正在尝试添加一些这样的数字：

将鼠标悬停在这些图形中的任何一个上之后 - 线、圆、矩形 - 当我停留在灰色矩形中时，再次开始动画。

当我将鼠标悬停在整个图形（id="rectangl"）上时，我需要按比例放大（+15%），只有当我从整个图形中移出鼠标时才需要按比例缩小（-15%）。

我的类似主题SVG 使用 animateTransform 仔细缩放悬停效果

谢谢你的理解

在 html 中打开的文本：

If I zoom in and slide my mouse on this rectangles someone of them will stay half-capacity. How can it to fix, to have got ideal situation, as it would be if slide mouse slowly. For example code like this, open with FireFox:

谁能解释如何使用 MediaElement.js 播放包装在 SMIL 文件中的视频流？

JW Player 支持这一点，但我很好奇这是否可以使用 MediaElement.js。

我需要为一个反弹 3 次并撞到墙壁并返回的圆圈制作动画。它应该遵循给定的路径。我试过了animateMotion。到目前为止是这样的，

实际上，如下所示是我所期待的，因为我是该地区的新手，感谢任何指导或支持。

是否可以将 SVG 动画模型与 Javascript 自定义处理联系起来？具体来说，SVG 动画有一个同步所有动画元素的内部时钟。此外，还有其他方法可以使用 Javascript 制作动画（例如使用 setTimeout、setInternval）。我想知道是否有任何方法可以将 SVG 动画与 Javascript 代码联系起来，这样我们就可以使用 Javascript 来做一些 SVG SMIL 不支持但仍然能够与 SVG 动画模型协调的自定义动画。

欣赏任何想法。

干杯，布鲁斯

我正在尝试为 IE 中的 encodeURIComponent() 中的任何内容设置动画。我知道 IE 不支持 SMIL，但它比使用纯 JS 动画/旋转 svg 标签要容易得多。以下是在 Firefox 和 Chrome 中有效但在 IE 中无效的示例：

您会注意到 FakeSmile 的 xlink:href 我认为应该毫无问题地处理动画，因为它不是动态的。如果你尝试一个类似的小提琴，你会在标签内看到它在 IE 中工作：

http://jsfiddle.net/FG3PG/1/

这是否因为 jsfiddle 端的一些元标记或其他 html 代码而起作用？还是我包含的代码包含在 encodeURIComponent() 中？最终，svg 需要被包装，否则它根本不会显示，不管它是否有动画。

我对 xProc 和 xPath 还很陌生，但有人要求我解决以下问题：

步骤 2 通过辅助端口从步骤 1 接收数据。步骤 2 包含一个p:for-each，它将文档保存到一个文件夹中，用于每个通过 for-each 的元素。（甲部分）

这些文档（假设我从 for-each 收到 6 个文档）位于同一目录中，并被过滤p:directory-list并最终存储在一个文档中，其中包含 for-each 创建的每个文档的完整路径。（乙部分）

到目前为止，一切都很好。

问题是 A 部分似乎太慢了。B 部分已经尝试在目录仍然为空时读取步骤 A 存储的数据。意思是，我遇到了性能/同步问题。

现在来了一个问题：是否可以让管道等待并在某个事件发生时让它继续？

这就是我的想象：步骤 B 会一直等待，直到步骤 A 存储数据的目录不再为空。我读了一些关于 的东西dbxml:breakpoint，但不幸的是，我找不到比名称和它似乎做什么的简短描述更多的信息：

设置断点，可选地基于条件，这将导致管道操作在断点处暂停，可能需要用户干预才能继续和/或发出消息。

如果您对它有更多了解并且可以举例说明它是如何使用的，那就太棒了。如果您知道解决此问题的解决方法或其他方法，这也会有所帮助。

更新：

在谷歌搜索了半天之后，我发现 SMIL 的时间表似乎可以解决问题。有没有人将 XML / xProc 和 SMIL 放在一起的经验？