Property:
globalAlpha:
0.0
0.1
0.2
0.3
0.4
0.5
0.6
0.7
0.8
0.9
1.0
Canvas:
your browser does not support the canvas tag
Code:
var c=document.getElementById('myCanvas');
var ctx=c.getContext('2d');
ctx.fillStyle='red';
ctx.fillRect(20,20,75,50);
ctx.globalAlpha=
0.5
;
ctx.fillStyle='blue';
ctx.fillRect(50,50,75,50);
Click the property values above to see the result
W3Schools.com
- Play it