mirror of
https://github.com/Hopiu/fabric.js.git
synced 2026-03-16 22:10:32 +00:00
137 lines
No EOL
5.9 KiB
HTML
137 lines
No EOL
5.9 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
|
"http://www.w3.org/TR/html4/strict.dtd">
|
|
<html lang="en">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
|
|
<title>Functional test suite</title>
|
|
|
|
<!--[if IE]>
|
|
<script type="text/javascript" src="../lib/excanvas.js"></script>
|
|
<![endif]-->
|
|
|
|
<script src="../lib/prototype.js" type="text/javascript"></script>
|
|
<script src="../lib/ape-ep-dom.js" type="text/javascript"></script>
|
|
<script src="../lib/ape-extensions.js" type="text/javascript"></script>
|
|
<script src="../lib/prototype-extensions.js" type="text/javascript"></script>
|
|
|
|
<script src="../src/canvas_point.class.js" type="text/javascript"></script>
|
|
<script src="../src/canvas_intersection.class.js" type="text/javascript"></script>
|
|
<script src="../src/canvas_element.class.js" type="text/javascript"></script>
|
|
<script src="../src/canvas_parser.js" type="text/javascript"></script>
|
|
<script src="../src/canvas_istub.mixin.js" type="text/javascript"></script>
|
|
<script src="../src/canvas_object.class.js" type="text/javascript"></script>
|
|
<script src="../src/canvas_line.class.js" type="text/javascript"></script>
|
|
<script src="../src/canvas_circle.class.js" type="text/javascript"></script>
|
|
<script src="../src/canvas_rect.class.js" type="text/javascript"></script>
|
|
<script src="../src/canvas_polygon.class.js" type="text/javascript"></script>
|
|
<script src="../src/canvas_polyline.class.js" type="text/javascript"></script>
|
|
<script src="../src/canvas_ellipse.class.js" type="text/javascript"></script>
|
|
<script src="../src/canvas_image.class.js" type="text/javascript"></script>
|
|
<script src="../src/canvas_path.class.js" type="text/javascript"></script>
|
|
<script src="../src/canvas_path_group.class.js" type="text/javascript"></script>
|
|
<script src="../src/canvas_group.class.js" type="text/javascript"></script>
|
|
|
|
|
|
<style type="text/css" media="screen">
|
|
.wrapper { float: left; margin-right: 1em; }
|
|
.svg-wrapper { margin-top: 1em; float: left; clear: left; }
|
|
.svg-test-wrapper { clear: both; }
|
|
.svg-test-wrapper span { display: none; }
|
|
.svg-test-wrapper img { float: left; }
|
|
.canvas_container { float: left; position: relative; }
|
|
</style>
|
|
|
|
</head>
|
|
<body>
|
|
<h2>Functional test suite</h2>
|
|
|
|
<div class="wrapper">
|
|
<h3><code>Canvas.Line</code></h3>
|
|
<canvas id="testee0" width="200" height="200"></canvas>
|
|
</div>
|
|
|
|
<div class="wrapper">
|
|
<h3><code>Canvas.Rect</code></h3>
|
|
<canvas id="testee1" width="200" height="200"></canvas>
|
|
</div>
|
|
|
|
<div class="wrapper">
|
|
<h3><code>Canvas.Circle</code></h3>
|
|
<canvas id="testee2" width="200" height="200"></canvas>
|
|
</div>
|
|
|
|
<div class="wrapper">
|
|
<h3><code>Canvas.Ellipse</code></h3>
|
|
<canvas id="testee3" width="200" height="200"></canvas>
|
|
</div>
|
|
|
|
<div class="wrapper">
|
|
<h3><code>Canvas.Polygon</code></h3>
|
|
<canvas id="testee4" width="200" height="200"></canvas>
|
|
</div>
|
|
|
|
<div class="wrapper">
|
|
<h3><code>Canvas.Polyline</code></h3>
|
|
<canvas id="testee5" width="200" height="200"></canvas>
|
|
</div>
|
|
|
|
<h2 style="float:left;clear:left;width:100%">SVG Parser tests</h2>
|
|
<div class="svg-wrapper">
|
|
<div class="svg-test-wrapper">
|
|
<img src="W3C_SVG_12_TinyTestSuite_beta/png/shapes-circle-01-t.png" alt="shapes-circle-01-t">
|
|
</div>
|
|
<div class="svg-test-wrapper">
|
|
<img src="W3C_SVG_12_TinyTestSuite_beta/png/shapes-circle-02-t.png" alt="shapes-circle-02-t">
|
|
</div>
|
|
<div class="svg-test-wrapper">
|
|
<img src="W3C_SVG_12_TinyTestSuite_beta/png/shapes-circle-03-t.png" alt="shapes-circle-03-t">
|
|
</div>
|
|
<div class="svg-test-wrapper">
|
|
<img src="W3C_SVG_12_TinyTestSuite_beta/png/shapes-ellipse-01-t.png" alt="shapes-ellipse-01-t">
|
|
</div>
|
|
<div class="svg-test-wrapper">
|
|
<img src="W3C_SVG_12_TinyTestSuite_beta/png/shapes-ellipse-02-t.png" alt="shapes-ellipse-02-t">
|
|
</div>
|
|
<div class="svg-test-wrapper">
|
|
<img src="W3C_SVG_12_TinyTestSuite_beta/png/shapes-ellipse-03-t.png" alt="shapes-ellipse-03-t">
|
|
</div>
|
|
<div class="svg-test-wrapper">
|
|
<img src="W3C_SVG_12_TinyTestSuite_beta/png/shapes-intro-01-t.png" alt="shapes-intro-01-t">
|
|
</div>
|
|
<div class="svg-test-wrapper">
|
|
<img src="W3C_SVG_12_TinyTestSuite_beta/png/shapes-line-01-t.png" alt="shapes-line-01-t">
|
|
</div>
|
|
<div class="svg-test-wrapper">
|
|
<img src="W3C_SVG_12_TinyTestSuite_beta/png/shapes-line-02-t.png" alt="shapes-line-02-t">
|
|
</div>
|
|
<div class="svg-test-wrapper">
|
|
<img src="W3C_SVG_12_TinyTestSuite_beta/png/shapes-polygon-01-t.png" alt="shapes-polygon-01-t">
|
|
</div>
|
|
<div class="svg-test-wrapper">
|
|
<img src="W3C_SVG_12_TinyTestSuite_beta/png/shapes-polygon-02-t.png" alt="shapes-polygon-02-t">
|
|
</div>
|
|
<div class="svg-test-wrapper">
|
|
<img src="W3C_SVG_12_TinyTestSuite_beta/png/shapes-polyline-01-t.png" alt="shapes-polyline-01-t">
|
|
</div>
|
|
<div class="svg-test-wrapper">
|
|
<img src="W3C_SVG_12_TinyTestSuite_beta/png/shapes-polyline-02-t.png" alt="shapes-polyline-02-t">
|
|
</div>
|
|
<div class="svg-test-wrapper">
|
|
<img src="W3C_SVG_12_TinyTestSuite_beta/png/shapes-rect-01-t.png" alt="shapes-rect-01-t">
|
|
</div>
|
|
<div class="svg-test-wrapper">
|
|
<img src="W3C_SVG_12_TinyTestSuite_beta/png/shapes-rect-02-t.png" alt="shapes-rect-02-t">
|
|
</div>
|
|
<div class="svg-test-wrapper">
|
|
<img src="W3C_SVG_12_TinyTestSuite_beta/png/shapes-rect-03-t.png" alt="shapes-rect-03-t">
|
|
</div>
|
|
<div class="svg-test-wrapper">
|
|
<img src="W3C_SVG_12_TinyTestSuite_beta/png/paths-data-01-t.png" alt="paths-data-01-t">
|
|
</div>
|
|
</div>
|
|
|
|
<script src="functional_tests.js" type="text/javascript"></script>
|
|
|
|
</body>
|
|
</html> |