页面水印 原生js 兼容ie8浏览器

需求缘由

项目是前后端不分离开发的，很老的项目，里面很多插件只能支持ie8，业主公司浏览器都是ie8 ，这次想给所有页面添加用户水印，所以开发需要兼容ie8

水印代码

创建一个js 文件watermark.js

// 水印
// 水印
(function(watermark){
   
    window.watermarkdivs = [];
    // 加载水印
    var loadMark = function(settings) {
   
        var defaultSettings={
   
            watermark_txt:watermark.watermark_txt, //水印内容
            watermark_x:20,//水印起始位置x轴坐标
            watermark_y:20,//水印起始位置Y轴坐标
            watermark_rows:0,//水印行数
            watermark_cols:0,//水印列数
            watermark_x_space:200,//水印x轴间隔
            watermark_y_space:100,//水印y轴间隔
            watermark_font:'微软雅黑',//水印字体
            watermark_color:'black',//水印字体颜色
            watermark_fontsize:'28px',//水印字体大小
            watermark_alpha:0.15,//水印透明度，要求设置在大于等于0.003
            watermark_width:150,//水印宽度
            watermark_height:100,//水印长度
            watermark_angle:15,//水印倾斜度数
            watermark_progid:'alpha(opacity=15)'

        };
        //采用配置项替换默认值，作用类似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