界面上的水印

一、创建watermark.js

function watermark(settings) {
    //默认设置
    var defaultSettings={
        watermark_txt:"",
        watermark_x:20,//水印起始位置x轴坐标
        watermark_y:20,//水印起始位置Y轴坐标
        watermark_rows:100,//水印行数
        watermark_cols:10,//水印列数
        watermark_x_space:10,//水印x轴间隔
        watermark_y_space:90,//水印y轴间隔
        watermark_color:'black',//水印字体颜色
        watermark_alpha:0.14,//水印透明度
        watermark_fontsize:'14px',//水印字体大小
        watermark_font:'微软雅黑',//水印字体
        watermark_width:160,//水印宽度
        watermark_height:50,//水印长度
        watermark_angle: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]=src[key];
        }
    }


    var oTemp = document.createDocumentFragment();


    //获取页面最大宽度
    var