<html> <head> <style> canvas { position: absolute; top: 100px; left: 100px; width: 300px; height: 300px; } </style> </head> <body> <canvas id="c" height="300px" width="300px"></canvas> <script> var c = document.getElementById('c'); var ctxt = c.getContext('2d'); ctxt.fillStyle = 'rgb(0,255,0)'; ctxt.fillRect(0, 0, 300, 300); ctxt.fillStyle = 'rgba(255,255,255,0.5)'; ctxt.fillRect(100, 100, 100, 100); </script> </body> </html>