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가 구현되었으며 사용 방법은 무엇입니까?
흠, 흥미 롭습니다. 벽걸이 시계와 동기화 된 애니메이션에 대한 논쟁은 무엇입니까? :) (답변 btw에 대한 감사합니다) – a8030737
http://brian.sol1.net/svg/2010/10/13/ 벽 시계 타이밍을 참조하십시오. –
나는 어떤 브라우저도'wallclock SVG에서 '-sync-value' (http://www.w3.org/TR/SVG11/animate.html#BeginValueListSyntax 참조)를 참조하십시오. –