Watch a demo of different values of the globalAlpha property.
Or click a specific value to see the result:
const c = document.getElementById('myCanvas'); const ctx = c.getContext('2d'); ctx.fillStyle='red'; ctx.fillRect(20,20,75,50); ctx.globalAlpha=0.2; ctx.fillStyle='blue'; ctx.fillRect(50,50,75,50);