aja-linear-3-ref.html

Enable keyboard shortcuts

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