fabric.js/test/W3C_SVG_12_TinyTestSuite_beta/htmlObjectHarness/struct-cond-204-t.html
2010-06-10 11:14:53 -04:00

107 lines
4.4 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:struct-cond-204-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="struct-cond-204-t.html">Tiny version</a></p>
<p>Specification link: <a target="spec" href="http://www.w3.org/TR/SVGMobile12/struct.html">5.8 Conditional processing</a></p>
<p>
<a href="struct-cond-03-t.html">struct-cond-03-t ←</a>
<a href="index.html">index</a>
<a href="struct-cond-205-t.html">→ struct-cond-205-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>struct-cond-204-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/struct-cond-204-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 struct-cond-204-t" src="../png/struct-cond-204-t.png" width="480" height="360"/>
</td>
</tr>
</table>
</td>
</tr>
</table>
<div class="opscript">
<p>Required Formats Attribute</p>
<p>
A series of switches are used to determine which Internet Media types ('MIME types')
are supported, using the 'requiredFormats' attribute,
displaying a 'yes' or 'no' as appropriate. The test is passed if there is text in
the second row of each column, and that text is only
<span style="color:#070">green</span> (in the top table)
or <span style="color:rgb(138, 43, 226)">blueviolet</span> (in the bottom table);
no <span style="color:red">red</span> text is displayed.
</p>
<p>
The SVG Tiny 1.2 specification mandates certain formats, so these must be supported:
image/jpeg, image/png, image/svg+xml.
It is an error not to support them, therefore 'yes' is green and 'no' is red.
</p>
<p>
This test also checks for support of Internet Media types which are
assumed to not exist and are unlikely to ever be registered: garbage/garbage.
Therefore, 'yes' is red and 'no' is green.
</p>
<p>
Lastly, most media types are optional. For example, image/tiff may be
supported but support is not mandated by the SVG Tiny 1.2 specification.
The second table examines these optional formats.
Both 'yes' and 'no' are displayed in blueviolet. Whether the particular Internet Media type
is supported or not does not affect whether the test is passed or failed, but does provide useful
information about the optional capabilities of a particular implementation.
</p>
</div>
<div class="linkbar"> <p>
<a href="struct-cond-03-t.html">struct-cond-03-t ←</a>
<a href="index.html">index</a>
<a href="struct-cond-205-t.html">→ struct-cond-205-t</a>
</p></div>
</body>
</html>