| <body> | |
| <script> | |
| var canvas, ctx; | |
| canvas = document.createElement("canvas"); | |
| canvas.width = 200; | |
| canvas.height = 200; | |
| document.body.appendChild(canvas); | |
| ctx = canvas.getContext("2d"); | |
| ctx.fillStyle = 'rgba(0,0,255,1)'; | |
| ctx.fillRect(60,60,75,50); | |
| ctx.globalAlpha = 0.5; | |
| ctx.fillStyle = 'rgba(225,0,0,1)'; | |
| ctx.fillRect(50,50,75,50); | |
| ctx.fillStyle = 'rgba(0,255,0,1)'; | |
| ctx.fillRect(70,70,75,50); | |
| </script> | |
| </body> |