var maskCanvas=document.createElement("canvas");
maskCanvas.style="pointer-events: none; z-index: 100000; position: absolute; left: 0px; top: 500px; width: 100px; height: 100px; background: rgba(150, 150, 150, 0.2);";
maskCanvas.width=100;
maskCanvas.height=100;
var maskContext=maskCanvas.getContext("2d");
var img=new Image();
img.οnlοad=function(){
maskContext.globalAlpha =0.1;
maskContext.beginPath();
maskContext.drawImage(img,20,20,60,60);
maskContext.closePath();
maskContext.save();
maskContext.globalAlpha =1;
maskContext.beginPath();
maskContext.drawImage(img,50,20,60,60);
maskContext.closePath();
maskContext.save();
}
img.src="comp/mu.png";
document.body.appendChild(maskCanvas);
maskCanvas.style="pointer-events: none; z-index: 100000; position: absolute; left: 0px; top: 500px; width: 100px; height: 100px; background: rgba(150, 150, 150, 0.2);";
maskCanvas.width=100;
maskCanvas.height=100;
var maskContext=maskCanvas.getContext("2d");
var img=new Image();
img.οnlοad=function(){
maskContext.globalAlpha =0.1;
maskContext.beginPath();
maskContext.drawImage(img,20,20,60,60);
maskContext.closePath();
maskContext.save();
maskContext.globalAlpha =1;
maskContext.beginPath();
maskContext.drawImage(img,50,20,60,60);
maskContext.closePath();
maskContext.save();
}
img.src="comp/mu.png";
document.body.appendChild(maskCanvas);