js给网页加水印

也没啥好说的,直接复制下面代码到你网站下的控制台运行就出效果

注意:记得给根元素样式加个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");
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容