也沒啥好說的复局，直接復(fù)制下面代碼到你網(wǎng)站下的控制臺(tái)運(yùn)行就出效果
注意：記得給根元素樣式加個(gè)opacity:0.9
let addMask = (str)=>{
var can = document.createElement('canvas');
var body = document.body;
body.appendChild(can);
can.width=300;
can.height=210;
can.style.display='none';
var cans = can.getContext('2d');
cans.rotate(-20*Math.PI/180);
cans.font = "16px Microsoft JhengHei";
cans.fillStyle = "rgba(17, 17, 17, 0.50)";
cans.textAlign = 'left';
cans.textBaseline = 'Middle';
cans.fillText(str,can.width/3,can.height/2);
body.style.backgroundImage="url("+can.toDataURL("image/png")+")";
}
addMask("http://web.shanpf.cn");
