Grafika w HTML5 - element <canvas>
<html>
<head>
<title>Przykład canvas</title>
<script type="application/x-javascript">
window.addEventListener('load', function () {
var elem = document.getElementById('canvas') ;
var ctx = elem.getContext('2d');
for (i=0;i<6;i++){ for (j=0;j<6;j++){
ctx.fillStyle = 'rgb(' + Math.floor(255-42.5*i) ;
ctx.fillStyle += ',' + Math.floor(255-42.5*j) + ',0)';
ctx.fillRect(j*25,i*25,25,25); } } }, false ) ;
</script>
<style type="text/css">
canvas { border: 2px solid #000; }
</style>
</head>
<body>
<canvas id="canvas" width="150" height="150"></canvas>
</body>
</html>
