mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-22 17:55:50 +00:00
7be7b11a1c
This patch is generated by the following sed script:
find . ! -wholename '*/.hg*' -type f \( -iname '*.html' -o -iname '*.xhtml' -o -iname '*.xul' -o -iname '*.js' \) -exec sed -i -e 's/\(\(text\|application\)\/javascript\);version=1.[0-9]/\1/g' {} \;
MozReview-Commit-ID: AzhtdwJwVNg
--HG--
extra : rebase_source : e8f90249454c0779d926f87777f457352961748d
37 lines
954 B
HTML
37 lines
954 B
HTML
<!-- Any copyright is dedicated to the Public Domain.
|
|
http://creativecommons.org/publicdomain/zero/1.0/ -->
|
|
<!doctype html>
|
|
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8"/>
|
|
<title>Canvas inspector test page</title>
|
|
</head>
|
|
|
|
<body>
|
|
<canvas width="128" height="128"></canvas>
|
|
|
|
<script type="text/javascript">
|
|
"use strict";
|
|
|
|
var ctx = document.querySelector("canvas").getContext("2d");
|
|
|
|
function drawRect(fill, size) {
|
|
ctx.fillStyle = fill;
|
|
ctx.fillRect(size[0], size[1], size[2], size[3]);
|
|
}
|
|
|
|
function drawScene() {
|
|
window.requestAnimationFrame(drawScene);
|
|
ctx.clearRect(0, 0, 128, 128);
|
|
drawRect("rgb(192, 192, 192)", [0, 0, 128, 128]);
|
|
drawRect("rgba(0, 0, 192, 0.5)", [30, 30, 55, 50]);
|
|
drawRect("rgba(192, 0, 0, 0.5)", [10, 10, 55, 50]);
|
|
}
|
|
|
|
function start () { window.requestAnimationFrame(drawScene); }
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|