码迷,mamicode.com
首页 > Web开发 > 详细

网页添加水印

时间:2018-08-06 19:21:40      阅读:178      评论:0      收藏:0      [点我收藏+]

标签:ota   none   rgba   ros   div   src   app   pre   middle   

调用即可

 1 function addWaterMarker(str){
 2 
 3 
 4     var can = document.createElement(‘canvas‘);
 5     var body = document.body;
 6 
 7     body.appendChild(can);
 8 
 9     can.width=400;
10     can.height=200;
11     can.style.display=‘none‘;
12 
13 
14     var cans = can.getContext(‘2d‘);
15     cans.rotate(-20*Math.PI/180);
16     cans.font = "16px Microsoft JhengHei";
17     cans.fillStyle = "rgba(17, 17, 17, 0.50)";
18     cans.textAlign = ‘left‘;
19     cans.textBaseline = ‘Middle‘;
20     cans.fillText(str,can.width/3,can.height/2);
21 
22     body.style.backgroundImage="url("+can.toDataURL("image/png")+")";
23 
24 }

技术分享图片

网页添加水印

标签:ota   none   rgba   ros   div   src   app   pre   middle   

原文地址:https://www.cnblogs.com/php-qiuwei/p/9431801.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!