animate-struct-dom-01-b-isvalid.html (2858B)
1 <!DOCTYPE html> 2 <html lang='en'> 3 <head> 4 <title>animate-struct-dom-01-b-manual.svg</title> 5 <meta charset='utf-8'> 6 </head> 7 <body> 8 <h1>Source SVG: animate-struct-dom-01-b-manual.svg</h1> 9 <svg id="svg-root" width="100%" height="100%" 10 viewBox="0 0 480 360" xmlns="http://www.w3.org/2000/svg" 11 xmlns:xlink="http://www.w3.org/1999/xlink"> 12 <!--======================================================================--> 13 <!--= Copyright 2008 World Wide Web Consortium, (Massachusetts =--> 14 <!--= Institute of Technology, European Research Consortium for =--> 15 <!--= Informatics and Mathematics (ERCIM), Keio University). =--> 16 <!--= All Rights Reserved. =--> 17 <!--= See http://www.w3.org/Consortium/Legal/. =--> 18 <!--======================================================================--> 19 20 <title id="test-title">$RCSfile: animate-struct-dom-01-b.svg,v $</title> 21 <defs> 22 <font-face 23 font-family="SVGFreeSansASCII" 24 unicode-range="U+0-7F"> 25 <font-face-src> 26 <font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/> 27 </font-face-src> 28 </font-face> 29 </defs> 30 <g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18"> 31 32 <text x='10' y='30'>Test getCurrentTime() and setCurrentTime() before timeline begin</text> 33 <rect id='r' x='10' y='50' width='50' height='50' fill='red'/> 34 <rect x='210' y='50' width='50' height='50' fill='red'> 35 <set attributeName='fill' to='green' begin='36000'/> <!-- 10h --> 36 <set attributeName='fill' to='red' begin='72000'/> <!-- 20h --> 37 </rect> 38 39 <g font-size='15'> 40 <text x='10' y='120'>getCurrentTime</text> 41 <text x='210' y='120'>setCurrentTime</text> 42 </g> 43 44 <script> 45 try { 46 document.documentElement.setCurrentTime(90000); // 25h 47 document.documentElement.setCurrentTime(54000); // 15h 48 } catch (e) { 49 } 50 51 try { 52 if (document.documentElement.getCurrentTime() == 0) { 53 document.getElementById('r').setAttribute('fill', 'green'); 54 } 55 } catch (e) { 56 } 57 </script> 58 </g> 59 <g font-family="SVGFreeSansASCII,sans-serif" font-size="32"> 60 <text id="revision" x="10" y="340" stroke="none" 61 fill="black">$Revision: 1.2 $</text> 62 </g> 63 <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/> 64 <!-- comment out this watermark once the test is approved --> 65 <!-- 66 <g id="draft-watermark"> 67 <rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/> 68 <text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240" 69 text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text> 70 </g> 71 --> 72 </svg> 73 </body> 74 </html>