mirror of
https://github.com/Hopiu/fabric.js.git
synced 2026-04-05 23:11:02 +00:00
83 lines
3.7 KiB
HTML
Executable file
83 lines
3.7 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-defs-01-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-defs-01-t.html">Tiny version</a></p>
|
|
<p>Specification link: <a target="spec" href="http://www.w3.org/TR/SVGMobile12/struct.html">5.3 The 'defs' element</a></p>
|
|
<p>
|
|
<a href="struct-cond-210-t.html">struct-cond-210-t ←</a>
|
|
<a href="index.html">index</a>
|
|
<a href="struct-defs-201-t.html">→ struct-defs-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>struct-defs-01-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-defs-01-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-defs-01-t" src="../png/struct-defs-01-t.png" width="480" height="360"/>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
<div class="opscript">
|
|
<p>Test to verify that the defs element is used as a container correctly.</p>
|
|
<p>In this test a fill is created which is solid red. The view should be a solid red rectangle centered in the viewport 100 pixels from from left,top and right,bottom. Also, in the defs sections there are rectangle defined, one to paint over the entire canvas with a green fill and the other to obscure most of the red rectangle. The green rectangles should not show in the view as defs are referenced items and are not rendered. No green should show.</p>
|
|
<p>The rendered picture should match the reference image, except for possible variations in the labelling text (per CSS2 rules).</p>
|
|
<p>The test uses the 'rect' element, as well as basic fill (solid primary colors), stroke (black 1-pixel lines), font-family (Arial) and font-size properties.</p>
|
|
|
|
</div>
|
|
<div class="linkbar"> <p>
|
|
<a href="struct-cond-210-t.html">struct-cond-210-t ←</a>
|
|
<a href="index.html">index</a>
|
|
<a href="struct-defs-201-t.html">→ struct-defs-201-t</a>
|
|
</p></div>
|
|
</body>
|
|
</html>
|