image-rendering-ref.html

Enable keyboard shortcuts

<!DOCTYPE HTML>

<!--

    Any copyright is dedicated to the Public Domain.

    http://creativecommons.org/licenses/publicdomain/

-->

<html>

<head>

  <title>reference image-rendering</title>

  <style>

    canvas { position:absolute;left:0px;top:0px; }

  </style>

  <script type="text/javascript">

    function draw() {

        var canvas = document.getElementById("canvas");

        var ctx = canvas.getContext("2d");

        ctx.fillStyle = "rgb(255,0,0)";

        ctx.fillRect(50,50,200,200);

        ctx.fillStyle = "rgb(0,255,0)";

        ctx.fillRect(50,50,100,100);

  </script>

</head>

<body onload="draw();">

  <canvas id="canvas" width="300" height="300"></canvas>

</body>

</html>