获取SVG Tiny 1.2中SVGAnimation元素的当前时间

时间:2012-10-12 19:34:15

标签: javascript jquery svg

我有一个SVG动画元素。

...
<animation id="playlist" begin="indefinite" dur="60.0" repeatDur="indefinite" width="1920" height="1080" preserveAspectRatio="xMidYMid" xlink:href="playlist.svg"/>
...

在playlist.svg中,有几个svg视频元素。例如:

...
<video begin="0;item_8.end" dur="10.0" width="1920" height="1080" xlink:href="files/content/movie.mp4" id="item_1" preserveAspectRatio="xMidYMid" />
...

一切运行正常,这些视频片段连续不断地运行。

我正在尝试获取播放列表的已用时间。我们尝试过使用

var elapsed_time = document.getElementById('playlist').getCurrentTime();
//  or
var elapsed_time = $('#playlist').getCurrentTime();

但它正在返回

$("#playlist").getCurrentTime is not a function

我们要么需要方法来获取播放列表的当前时间,要么获取保存已用时间的变量的名称,或者需要为我们生成此代码的代码片段。

仅供参考,这些都不在浏览器中;它位于运行SVG文件并生成日志的设备上,因此我们无法访问Firebug,console.log等,但我们可以提醒()并查看错误。

感谢。

1 个答案:

答案 0 :(得分:0)

我怀疑你在根svg元素上寻找的是getCurrentTime()。每个动画没有一个,只是整个文档片段。