html2canvas添加水印有问

xbw123456

1. <script type="text/javascript">
   
2.        
   
3.   function baocun(){
   
4.                     html2canvas(document.querySelector("#content*F")).then(canvas => {
   
5.                     var type = 'png';
   
6.                     var imgData=canvas.toDataURL(type);
   
7.                     var _fixType = function(type) {
   
8.                                                                 type = type.toLowerCase().replace(/jpg/i, 'jpeg');
   
9.                                                                 var r = type.match(/png|jpeg|bmp|gif/)[0];
   
10.                                                                 return 'image/' + r;
    
11.                                                                 };
    
12.                             // 加工image data，替换mime type                               
    
13.                             imgData = imgData.replace(_fixType(type),'image/octet-stream');
    
14.                                 console.log(imgData);
    
15.                             /**
    
16.                              * 在本地进行文件保存
    
17.                              * [url=home.php?mod=space&uid=275307]@param[/url]  {String} data     要保存到本地的图片xx
    
18.                              * @param  {String} filename 文件名
    
19.                              */
    
20.                             var saveFile = function(data, filename){
    
21.                                 var save_link = document.createElementNS('http://www.w3.org/1999/xhtml', 'a');
    
22.                                 save_link.href = data;
    
23.                                 save_link.download = filename;
    
24.                               
    
25.                                 var event = document.createEvent('MouseEvents');
    
26.                                 event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
    
27.                                 save_link.dispatchEvent(event);
    
28.                             };
    
29. 
    
30.                             // 下载后的文件名
    
31.                             var filename = '下载' + (new Date()).getTime() + '.' + type;
    
32.                             // download
    
33.                             saveFile(imgData,filename);
    
34.                     });
    
35.                    
    
36.             }
    
37. 
    
38. var colorPicker = new ewPlugins('colorpicker', {
    
39.         el: "#colorpicker",
    
40.         alpha: true,//是否开启透明度
    
41.         disabled: false,//是否禁止打开颜色选择器
    
42.         openPickerAni: 'opacity',//打开颜色选择器动画
    
43.         sure: function (color) {
    
44.                 document.body.style.background = color;
    
45.         },//点击确认按钮事件回调
    
46.         clear: function () {
    
47.                 document.body.style.background = this.defaultColor;
    
48.         }//点击清空按钮事件回调
    
49. })
    
50.     </script>
    

复制代码

1. <div class="content" id="content*F">
   
2.                                                 <img src="">
   
3.                                                  <ul class="list-item4 clearfix user-inventory" data-loading="" data-url="" style="min-height: 950px;">   
   
4.                                                 <br>
   
5.                                                         {{#list}}                                                                                       
   
6.                                                         <li class="item mr-15 mt-15" data-toggle="popover" data-item-detail="" data-original-title="" title="">                                      
   
7.                                                                 <img src="{{list}}" alt="    " width="96" height="96">
   
8.                             </li>
   
9.                             {{/list}}
   
10.                             </ul>
    
11.                                          </div>

复制代码

就是想给生成的图片在加一个水印 结果怎么弄下载下来的都没有水印

niyanbing

这个怎么用易语言调用 啊？给个例子啊？找了好久了

xbw123456

niyanbing 发表于 2020-8-12 16:11
这个怎么用易语言调用 啊？给个例子啊？找了好久了

这个问题太多了  放弃了都