23 lines
562 B
JavaScript
23 lines
562 B
JavaScript
|
window.C2S_EXAMPLES['globalalpha'] = function(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 (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;
|
||
|
|
};
|