mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-08 20:47:44 +00:00
26 lines
626 B
HTML
26 lines
626 B
HTML
|
<!doctype html>
|
||
|
|
<!-- Derived from http://a-ja.net/newgrad.html -->
|
||
|
|
<html class="reftest-wait">
|
||
|
|
<head>
|
||
|
|
<script>
|
||
|
|
function doDraw() {
|
||
|
|
var ctx = document.getElementById('canvas').getContext('2d');
|
||
|
|
|
||
|
|
/* this gradient goes at an angle of -45deg through the center of
|
||
|
|
the box */
|
||
|
|
var grad = ctx.createLinearGradient(-25,25,125,175);
|
||
|
|
grad.addColorStop(0, 'yellow');
|
||
|
|
grad.addColorStop(1, 'blue');
|
||
|
|
|
||
|
|
ctx.fillStyle = grad;
|
||
|
|
ctx.fillRect(0,0,100,200);
|
||
|
|
|
||
|
|
document.documentElement.removeAttribute('class');
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
</head>
|
||
|
|
<body onload="doDraw();">
|
||
|
|
<canvas id="canvas" width="100" height="200"></canvas>
|
||
|
|
</body>
|
||
|
|
</html>
|