svgcanvas/test/tests/globalalpha.js

export default function globalAlpha(ctx) {
    ctx.fillStyle = '#FD0';
    ctx.fillRect(0,0,75,75);
    ctx.fillStyle = '#6C0';
    ctx.fillRect(75,0,75,75);
    ctx.fillStyle = '#09F';
    ctx.fillRect(0,75,75,75);
    ctx.fillStyle = '#F30';
    ctx.fillRect(75,75,75,75);
    ctx.fillStyle = '#FFF';

    // set transparency value
    ctx.globalAlpha = 0.2;

    // Draw semi transparent circles
    for (let i=0;i<7;i++){
        ctx.beginPath();
        ctx.arc(75,75,10+10*i,0,Math.PI*2,true);
        ctx.fill();
    }

    ctx.globalAlpha = 1.0;
};