2014-07-22 10 views
1

w3c의 SVG 사양은 "시작"속성 (http://www.w3.org/TR/SVG/animate.html#WallclockSyncValueSyntax)에 가능한 값으로 wallclock-sync-value를 정의합니다.
즉, 문서 로딩과 관련된 시간이 아닌 실제 시계를 기반으로 애니메이션을 시작합니다.SVG 애니메이션 시작 wallclock-sync-value

스크립팅을 사용할 수없는 상황에서 SVG 시계를 만들고 싶습니다.

은 내가 wallclock 사용의 예를 찾지 못했습니다 만, 사양을 기반으로 ISO8601 ( http://en.wikipedia.org/wiki/ISO_8601는) 나는 다음과 같은 excample을했다 :

<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 경고 (!?!) "예상치 못한 값인 wallclock (2000-01-01T00 : 00 : 00Z) 구문 분석 시작 특성을 제공합니다."

최신 브라우저에서 wallclock-sync-value가 구현되었으며 사용 방법은 무엇입니까?

답변

0

Firefox는 현재 wallclock을 구현하지 않으며 앞으로도 구현하지 않을 것입니다.

SVG 2에서 사라지고 다른 것으로 대체 될 것으로 예상됩니다. 다른 UA 개발자는 비슷한 의견을 가지고 있다고 생각합니다.

+0

흠, 흥미 롭습니다. 벽걸이 시계와 동기화 된 애니메이션에 대한 논쟁은 무엇입니까? :) (답변 btw에 대한 감사합니다) – a8030737

+0

http://brian.sol1.net/svg/2010/10/13/ 벽 시계 타이밍을 참조하십시오. –

+0

나는 어떤 브라우저도'wallclock SVG에서 '-sync-value' (http://www.w3.org/TR/SVG11/animate.html#BeginValueListSyntax 참조)를 참조하십시오. –