2021-06-10 20:39:09 +08:00
|
|
|
export default function rgba(ctx) {
|
2015-06-13 17:06:25 -07:00
|
|
|
// Draw background
|
|
|
|
|
ctx.fillStyle = 'rgb(255,221,0)';
|
|
|
|
|
ctx.fillRect(0,0,150,37.5);
|
|
|
|
|
ctx.fillStyle = 'rgb(102,204,0)';
|
|
|
|
|
ctx.fillRect(0,37.5,150,37.5);
|
|
|
|
|
ctx.fillStyle = 'rgb(0,153,255)';
|
|
|
|
|
ctx.fillRect(0,75,150,37.5);
|
|
|
|
|
ctx.fillStyle = 'rgb(255,51,0)';
|
|
|
|
|
ctx.fillRect(0,112.5,150,37.5);
|
|
|
|
|
|
|
|
|
|
// Draw semi transparent rectangles
|
|
|
|
|
for (var i=0;i<10;i++){
|
|
|
|
|
ctx.fillStyle = 'rgba(255,255,255,'+(i+1)/10+')';
|
|
|
|
|
for (var j=0;j<4;j++){
|
|
|
|
|
ctx.fillRect(5+i*14,5+j*37.5,14,27.5);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
