watermark-ie8

1.0.3 • Public • Published

1.引用jquery+index.js 注意顺序!

<script src="./jquery1.9.1.js"></script>
<script src="./index.js"></script>

2.初始化参数

var params = {
            watermark_txt: "", //水印文本
            watermark_x: 20,//水印起始位置x轴坐标
            watermark_y: 20,//水印起始位置Y轴坐标
            watermark_rows: 0,//水印行数
            watermark_cols: 0,//水印列数
            watermark_x_space: 40,//水印x轴间隔
            watermark_y_space: 30,//水印y轴间隔
            watermark_font: '微软雅黑',//水印字体
            watermark_color: 'black',//水印字体颜色
            watermark_fontsize: '32px',//水印字体大小
            watermark_alpha: 0.3,//水印透明度,要求设置在大于等于0.003
            watermark_width: 240,//水印宽度
            watermark_height: 70,//水印长度
            watermark_angle: 15//水印倾斜度数
    }
   watermark.load(params);

3.如果需要禁止复制功能

  $("body").attr("unselectable", 'on').css("user-select", "none").on("selectstart", false);

4.由于水印根据浏览器窗口生成,所以如果放大或者缩小浏览器,有可能水印可能会出问题,如果你遇到了,请加上

window.setInterval(function () {
    watermark.load(params)
}, 200);

5.现在默认水印是倾斜15° ,如果有需求,请更改index.js文件 81行,具体参数参考. 可能以后会加到默认配置里面

设旋转角为x,用弧度表示。
m11=cos(x);
m12=-sin(x);
m21=sin(x);
m22=cos(x)
dx=-width/2*cos(deg)+height/2*sin(deg)+width/2;
dy=-width/2*sin(deg)-height/2*cos(deg)+height/2;

6.浏览器测试:

  • ie8:pass
  • google:pass
  • firefox:pass
  • ie11:pass

Readme

Keywords

Package Sidebar

Install

npm i watermark-ie8

Weekly Downloads

8

Version

1.0.3

License

MIT

Unpacked Size

397 kB

Total Files

6

Last publish

Collaborators

  • qiuhaojie