browser/devtools/canvasdebugger/test/doc_simple-canvas.html@6474c204b198
browser/devtools/canvasdebugger/test/doc_simple-canvas.html
Wed, 31 Dec 2014 06:09:35 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 06:09:35 +0100
- changeset 0
- 6474c204b198
- permissions
- -rw-r--r--
Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.
1 <!-- Any copyright is dedicated to the Public Domain.
2 http://creativecommons.org/publicdomain/zero/1.0/ -->
3 <!doctype html>
5 <html>
6 <head>
7 <meta charset="utf-8"/>
8 <title>Canvas inspector test page</title>
9 </head>
11 <body>
12 <canvas width="128" height="128"></canvas>
14 <script type="text/javascript;version=1.8">
15 "use strict";
17 var ctx = document.querySelector("canvas").getContext("2d");
19 function drawRect(fill, size) {
20 ctx.fillStyle = fill;
21 ctx.fillRect(size[0], size[1], size[2], size[3]);
22 }
24 function drawScene() {
25 ctx.clearRect(0, 0, 128, 128);
26 drawRect("rgb(192, 192, 192)", [0, 0, 128, 128]);
27 drawRect("rgba(0, 0, 192, 0.5)", [30, 30, 55, 50]);
28 drawRect("rgba(192, 0, 0, 0.5)", [10, 10, 55, 50]);
30 window.requestAnimationFrame(drawScene);
31 }
33 drawScene();
34 </script>
35 </body>
37 </html>
