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