【问题标题】:SVG animation begin at wallclock-sync-valueSVG 动画从 wallclock-sync-value 开始
【发布时间】:2014-09-13 17:05:34
【问题描述】:

w3c 的 SVG 规范将 wallclock-sync-value 定义为“开始”属性 (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>

这应该是数字时钟中最右边的“0”数字,并且应该每 10 秒闪烁一次。当我设置 begin="0s" 时它可以工作。

不幸的是,它没有按预期工作。例如,在 Firefox 开发者控制台中,它会给出一个 js 警告(!?!)“Unexpected value wallclock(2000-01-01T00:00:00Z) 解析开始属性。”

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

【问题讨论】:

    标签: svg iso8601 svg-animate


    【解决方案1】:

    Firefox 目前没有实现挂钟,将来也不会实现。

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

    【讨论】:

    猜你喜欢
    • 2016-05-30
    • 2017-03-22
    • 2014-09-28
    • 2016-04-23
    • 1970-01-01
    • 2019-06-04
    • 2018-04-18
    • 2019-03-11
    • 1970-01-01
    相关资源
    最近更新 更多