1234567891011121314151617181920212223242526 |
- <!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>
|