fabric.js/benchmarks/quantity/index.html

36 lines
No EOL
1.3 KiB
HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>Fabric.js benchmark</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<!--[if lt IE 9]>
<script type="text/javascript" src="../../lib/excanvas.js"></script>
<![endif]-->
<script src="../../dist/all.js" type="text/javascript"></script>
<style type="text/css" media="screen">
h3 { margin: 0; padding: 0; }
p { margin: 0; }
#results { background: #ffc; display: inline-block; padding: 5px; margin: 20px 0; }
.canvas_container { position: relative; border: 1px solid #aaa; }
</style>
<link rel="stylesheet" href="../../lib/master.css" type="text/css">
</head>
<body>
<ul id="header">
<li><a href="../index.html">Demos</a></li>
<li><a href="../index.html">Benchmarks</a></li>
<li><a href="../../docs/index.html">Docs</a></li>
<li><a href="../../test/unit/suite_runner.html">Tests</a></li>
</ul>
<h2>Fabric.js benchmark</h2>
<p>Drawing 150 randomly positioned, randomly colored and randomly rotated circles, rectangles and triangles.</p>
<div id="results"></div>
<canvas id="test" width="600" height="600"></canvas>
<script src="quantity.js" type="text/javascript"></script>
</body>
</html>