设为首页 加入收藏

TOP

js vue 页面添加水印(一)
2019-09-19 11:11:26 】 浏览:141
Tags:vue 页面 添加 水印

vue 微信页面添加水印

                               this.$nextTick(function() {
                                   watermark({ watermark_txt: "<div>" + '123' + "</div><div>" + '456' + "</div>"});
                               })

 

 

 

function watermark(settings) {
        //默认设置
        var defaultSettings={
          watermark_txt:"text",
          watermark_x:70,//水印起始位置x轴坐标
          watermark_y:10,//水印起始位置Y轴坐标
          watermark_rows:100,//水印行数
          watermark_cols:2,//水印列数
          watermark_x_space:60,//水印x轴间隔
          watermark_y_space:40,//水印y轴间隔
          watermark_color:'#aaa',//水印字体颜色
          watermark_alpha:0.3,//水印透明度
          watermark_fontsize:'.26rem',//水印字体大小
          watermark_width:60,//水印宽度
          watermark_height:60,//水印高度
          watermark_angle:10//水印倾斜度数
        };
        //采用配置项替换默认值,作用类似jquery.extend
        if(arguments.length===1&&typeof arguments[0] ==="object" )
        {
          var src=arguments[0]||{};
          for(key in src)
          {
            if(src[key]&&defaultSettings[key]&&src[key]===defaultSettings[key])
              continue;
            else if(src[key])
              defaultSettings[key]=src[key];
          }
        }
   
        var oTemp = document.createDocumentFragment();
   
        //获取页面最大宽度
        var page_width = Math.max(document.body.scrollWidth,document.body.clientWidth) - 30;
        //获取页面最大高度
//        var page_height = Math.max(document.body.scrollHeight,document.body.clientHeight);
        var page_heig

首页 上一页 1 2 3 下一页 尾页 1/3/3
】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇web app升级—带进度条的App自动.. 下一篇javascript实现二叉搜索树

最新文章

热门文章

Hot 文章

Python

C 语言

C++基础

大数据基础

linux编程基础

C/C++面试题目