水印

function addWaterMarker(str){
                var can = document.createElement('canvas');
                var body = document.getElementsByClassName('waterLogo')
                can.width=140;
                can.height=50;
                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.20)";
                cans.textAlign = 'left'; 
                cans.textBaseline = 'Middle';
                cans.fillText(str,can.width/10,can.height/1);
                console.log(body)
                for(var i=0;i<body.length;i++){
                    body[i].appendChild(can);
                    body[i].style.backgroundImage="url("+can.toDataURL("image/png")+")";
                    body[i].style.zIndex = 99999;
                    
                }

//调用方法

var waterusername = JSON.parse(localStorage.getItem('user'));
                            addWaterMarker(waterusername.nickname)