【发布时间】: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