SVG动画以wallclock-sync-value开头

时间:2014-07-22 18:17:04

标签: svg iso8601 svg-animate

w3c的SVG规范将wallclock-sync-value定义为" begin"的可能值。属性(http://www.w3.org/TR/SVG/animate.html#WallclockSyncValueSyntax)。
换句话说:基于实际时钟时间开始动画,而不是基于相对于文档加载的时间。

我想在禁用脚本的情况下创建一个SVG时钟。

我没有找到任何关于挂钟使用的示例,但是基于我在以下示例中制作的规范和ISO8601(http://en.wikipedia.org/wiki/ISO_8601):

<text 
  x="0" 
  y="15" 
  opacity="0" >

    <animate 
      attributeName="opacity" 
      attributeType="XML" 
      begin="wallclock(2000-01-01T00:00:00Z)" 
      dur="10s" 
      values="1; 1; 0; 0" 
      keyTimes="0; 0.07; 0.1; 1" 
      repeatCount="indefinite" />
  0
</text>

那应该是最合适的&#34; 0&#34;数字时钟中的数字,应该每10秒闪烁一次。它设置为begin =&#34; 0s&#34;。

不幸的是,它没有按预期工作。例如,在Firefox开发人员控制台中,它提供了一个js警告(!?!)&#34;意外值wallclock(2000-01-01T00:00:00Z)解析开始属性。&#34;

在现代浏览器中实现了wallclock-sync-value,以及如何使用它?

1 个答案:

答案 0 :(得分:0)

Firefox目前还没有实现挂钟,并且未来也不会实现它。

我们预计它会消失并被SVG 2中的其他东西取代。我相信其他UA的开发者也有类似的看法。