fabric.js/test/W3C_SVG_12_TinyTestSuite_beta/htmlObjectHarness/linking-refs-206-t.html
2010-06-10 11:14:53 -04:00

93 lines
3.8 KiB
HTML
Executable file

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.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:linking-refs-206-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="linking-refs-206-t.html">Tiny version</a></p>
<p>Specification link: <a target="spec" href="http://www.w3.org/TR/SVGMobile12/linking.html">14.1 References</a></p>
<p>
<a href="linking-refs-205-t.html">linking-refs-205-t ←</a>
<a href="index.html">index</a>
<a href="linking-uri-03-t.html">→ linking-uri-03-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>linking-refs-206-t</h1>
</td>
</tr>
<tr class="navbar">
<td align="center">
SVG Image
</td>
<td align="center">
PNG Image
</td>
</tr>
<tr>
<td align="right">
<object data="../svggen/linking-refs-206-t.svg" width="480" height="360" type="image/svg+xml"><p style="font-size:300%;color:red">FAIL</p></object>
</td>
<td align="left">
<img alt="raster image of linking-refs-206-t" src="../png/linking-refs-206-t.png" width="480" height="360"/>
</td>
</tr>
</table>
</td>
</tr>
</table>
<div class="opscript">
<p>
Tests that values for the xlink role and arcrole attributes are stored in the DOM.
The test is passed if the raster image and the vector image both have dark
green and light green borders, same as the reference image.
</p>
<p>
The values for role and arcrole are based on the RDDL specifications of
<a href="http://www.rddl.org/natures.html">well known link natures</a> (role) and <a href="http://www.rddl.org/purposes.html">well known link purposes</a> (arcrole). Roles uses the namespace URI (for XML content types) or the canonical IANA URI of the media type registration (for non-XML content).
</p>
<p>
A uDOM script reads the values of the xlink role and arcrole attributes,
checks that they are the correct values, and sets the fill colour of some rectangles
from shades of red (meaning incorrect) to shades of green (meaning correct).
</p>
</div>
<div class="linkbar"> <p>
<a href="linking-refs-205-t.html">linking-refs-205-t ←</a>
<a href="index.html">index</a>
<a href="linking-uri-03-t.html">→ linking-uri-03-t</a>
</p></div>
</body>
</html>