fabric.js/test/W3C_SVG_12_TinyTestSuite_beta/htmlObjectHarness/paint-stroke-05-t.html
2010-06-10 11:14:53 -04:00

89 lines
3.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:paint-stroke-05-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="paint-stroke-05-t.html">Tiny version</a></p>
<p>Specification link: <a target="spec" href="http://www.w3.org/TR/SVGMobile12/painting.html">11.4 Stroke Properties</a></p>
<p>
<a href="paint-stroke-04-t.html">paint-stroke-04-t ←</a>
<a href="index.html">index</a>
<a href="paint-stroke-06-t.html">→ paint-stroke-06-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>paint-stroke-05-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/paint-stroke-05-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 paint-stroke-05-t" src="../png/paint-stroke-05-t.png" width="480" height="360"/>
</td>
</tr>
</table>
</td>
</tr>
</table>
<div class="opscript">
<p>
User agents may render graphical primitives with different levels of accurancy.
This test is aimed at determining how does a UA render thin strokes.
</p>
<p>
The test file contains a number of vertical and horizontal lines.
The stroke width of the vertical lines are increasing from left to right.
The stroke width of the horizontal lines are increasing from top to bottom.
The user should be able to see a smooth stroke width increment for the vertical and horizontal lines.
</p>
</div>
<div class="linkbar"> <p>
<a href="paint-stroke-04-t.html">paint-stroke-04-t ←</a>
<a href="index.html">index</a>
<a href="paint-stroke-06-t.html">→ paint-stroke-06-t</a>
</p></div>
</body>
</html>