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

89 lines
3.2 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:paint-stroke-08-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-08-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-07-t.html">paint-stroke-07-t ←</a>
<a href="index.html">index</a>
<a href="paint-stroke-201-t.html">→ paint-stroke-201-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-08-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/paint-stroke-08-t.svg" width="480" height="360"/>
</td>
<td align="left">
<img alt="raster image of paint-stroke-08-t" src="../png/paint-stroke-08-t.png" width="480" height="360"/>
</td>
</tr>
</table>
</td>
</tr>
</table>
<div class="opscript">
<p>
Test effects of stroke-opacity range. Values
outside the range 0-1.0 must be clamped.
</p>
<p>
There must be no blue bars visible beside the three pink dots.
Four semitransparent blue bars, increasingly more opaque,
must line up with the yellow dots. Three fully opaque
blue bars must line up with the green dots.
</p>
</div>
<div class="linkbar"> <p>
<a href="paint-stroke-07-t.html">paint-stroke-07-t ←</a>
<a href="index.html">index</a>
<a href="paint-stroke-201-t.html">→ paint-stroke-201-t</a>
</p></div>
</body>
</html>