1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/browser/devtools/canvasdebugger/test/doc_simple-canvas-deep-stack.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,46 @@
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 + function A() {
1.24 + function B() {
1.25 + function C() {
1.26 + ctx.fillStyle = fill;
1.27 + ctx.fillRect(size[0], size[1], size[2], size[3]);
1.28 + }
1.29 + C();
1.30 + }
1.31 + B();
1.32 + }
1.33 + A();
1.34 + }
1.35 +
1.36 + function drawScene() {
1.37 + ctx.clearRect(0, 0, 128, 128);
1.38 + drawRect("rgb(192, 192, 192)", [0, 0, 128, 128]);
1.39 + drawRect("rgba(0, 0, 192, 0.5)", [30, 30, 55, 50]);
1.40 + drawRect("rgba(192, 0, 0, 0.5)", [10, 10, 55, 50]);
1.41 +
1.42 + window.requestAnimationFrame(drawScene);
1.43 + }
1.44 +
1.45 + drawScene();
1.46 + </script>
1.47 + </body>
1.48 +
1.49 +</html>
