1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/browser/devtools/canvasdebugger/test/doc_simple-canvas.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,37 @@
1.4 +<!-- Any copyright is dedicated to the Public Domain.
1.5 + http://creativecommons.org/publicdomain/zero/1.0/ -->
1.6 +<!doctype html>
1.7 +
1.8 +<html>
1.9 + <head>
1.10 + <meta charset="utf-8"/>
1.11 + <title>Canvas inspector test page</title>
1.12 + </head>
1.13 +
1.14 + <body>
1.15 + <canvas width="128" height="128"></canvas>
1.16 +
1.17 + <script type="text/javascript;version=1.8">
1.18 + "use strict";
1.19 +
1.20 + var ctx = document.querySelector("canvas").getContext("2d");
1.21 +
1.22 + function drawRect(fill, size) {
1.23 + ctx.fillStyle = fill;
1.24 + ctx.fillRect(size[0], size[1], size[2], size[3]);
1.25 + }
1.26 +
1.27 + function drawScene() {
1.28 + ctx.clearRect(0, 0, 128, 128);
1.29 + drawRect("rgb(192, 192, 192)", [0, 0, 128, 128]);
1.30 + drawRect("rgba(0, 0, 192, 0.5)", [30, 30, 55, 50]);
1.31 + drawRect("rgba(192, 0, 0, 0.5)", [10, 10, 55, 50]);
1.32 +
1.33 + window.requestAnimationFrame(drawScene);
1.34 + }
1.35 +
1.36 + drawScene();
1.37 + </script>
1.38 + </body>
1.39 +
1.40 +</html>
