fabric.js/test/W3C_SVG_12_TinyTestSuite_beta/htmlEmbedHarness/udom-svg-227-t.html
2010-06-10 11:14:53 -04:00

93 lines
3.5 KiB
HTML
Executable file

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//CL//DTD XHTML 1.0 Transitional plus Embed//EN"
"http://www.w3.org/Graphics/xhtml1-transitional-plus-embed.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="keywords" content="W3C SVG 1.1 Test Suite testsuite mobile"/>
<meta name="description" content="W3C SVG 1.2 Tiny Test Suite"/>
<title>
SVG 1.2 Tiny test:udom-svg-227-t </title>
<style type="text/css">
<!--
.bodytext { font-family:verdana, helvetica, sans-serif; font-size: 12pt; line-height: 125%; text-align: Left; margin-top: 0; margin-bottom: 0 }
.pageTitle { line-height: 150%; font-size: 20pt; font-weight : 900; margin-bottom: 20pt }
.pageSubTitle { color : blue; line-height: 100%; font-size: 24pt; font-weight : 900 }
.openChapter { color : blue; line-height: 125%; font-weight : 900 }
.openSection { color : blue; line-height: 125%; font-weight : 900 }
.info { color : black; line-height: 110%; font-size: 10pt; font-weight : 100 }
p { margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0 }
blockquote { margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0 }
.opscript {margin-left: 3%; margin-right: 3%; }
.opscript p { margin-top: 0.7em}
.navbar {background: black; color: white; font-weight: bold}
-->
</style>
</head>
<body class="bodytext">
<div class="linkbar">
<p>
<a href="udom-svg-227-t.html">Tiny version</a></p>
<p>Specification link: <a target="spec" href="http://www.w3.org/TR/SVGMobile12/svgudom.html">Appendix A The SVG Micro DOM (uDOM)</a></p>
<p>
<a href="udom-svg-226-t.html">udom-svg-226-t ←</a>
<a href="index.html">index</a>
<a href="udom-svg-228-t.html">→ udom-svg-228-t</a>
</p></div>
<table align="center" border="0" cellspacing="0" cellpadding="10">
<tr>
<td align="center" colspan="3">
<table border="0" cellpadding="8">
<tr>
<td align="center" colspan="2" class="pageTitle">
<h1>udom-svg-227-t</h1>
</td>
</tr>
<tr class="navbar">
<td align="center">
SVG Image
</td>
<td align="center">
PNG Image
</td>
</tr>
<tr>
<td align="right">
<embed src="../svggen/udom-svg-227-t.svg" width="480" height="360"/>
</td>
<td align="left">
<img alt="raster image of udom-svg-227-t" src="../png/udom-svg-227-t.png" width="480" height="360"/>
</td>
</tr>
</table>
</td>
</tr>
</table>
<div class="opscript">
<p>
Tests setCurrentTime. The test is passed if the the moving bar skips
from 2 to 4 , and from 5 to 8; and after the animation completes, the
text "passed" appears at the bottom right.
</p>
<p>
Four animations begin at time 0 and end at times 1, 2, 5 and 9 seconds.
Event listeners are registered for the "endEvent" event.
As each animation ends, getCurrentTime() is called to verify the expected current time, which
is them followed by a call to setCurrentTime.
If all times have the expected values, the text changes from 'testing' to 'passed'
The expected time is compared with
the minimum time to take into account implementation-specific document time resolution.
</p>
</div>
<div class="linkbar"> <p>
<a href="udom-svg-226-t.html">udom-svg-226-t ←</a>
<a href="index.html">index</a>
<a href="udom-svg-228-t.html">→ udom-svg-228-t</a>
</p></div>
</body>
</html>