watermark-ie8
v1.0.3
Published
add watermark for ie8 and any browser version higher than that
Downloads
3
Readme
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