js 給頁面容器增加水印

2022-07-01 03:09:13 字數 1626 閱讀 1798

/*

* 功能:給頁面容器增加水印

** 用法

watermark(`,

watermark_width: 100,//水印寬度

watermark_rows:9,

watermark_x_space: 0,//水印x軸間隔

watermark_y_space: 0,//水印y軸間隔

})*/

export function watermark(settings) ;

object.assign(defaultsettings, settings);

let otemp = document.createdocumentfragment();

//獲取頁面最大寬度

let p_width = math.max(document.queryselector(defaultsettings.watermark_ele).scrollwidth, document.queryselector(defaultsettings.watermark_ele).clientwidth);

let cutwidth = p_width * 0.0150;

let page_width = p_width - cutwidth;

//獲取頁面最大高度

let page_height = math.max(document.queryselector(defaultsettings.watermark_ele).scrollheight, document.queryselector(defaultsettings.watermark_ele).clientheight) + 450;

// let page_height = document.body.scrollheight+document.body.scrolltop;

//如果將水印列數設定為0,或水印列數設定過大,超過頁面最大寬度,則重新計算水印列數和水印x軸間隔

if (defaultsettings.watermark_cols === 0 || (parseint(defaultsettings.watermark_x + defaultsettings.watermark_width * defaultsettings.watermark_cols + defaultsettings.watermark_x_space * (defaultsettings.watermark_cols - 1)) > page_width))

//如果將水印行數設定為0,或水印行數設定過大,超過頁面最大長度,則重新計算水印行數和水印y軸間隔

if (defaultsettings.watermark_rows === 0 || (parseint(defaultsettings.watermark_y + defaultsettings.watermark_height * defaultsettings.watermark_rows + defaultsettings.watermark_y_space * (defaultsettings.watermark_rows - 1)) > page_height))

let x;

let y;

for (let i = 0; i < defaultsettings.watermark_rows; i++)

}}

給pdf文件增加水印

用itext給pdf文件增加水印功能。增加水印的方法 param watermark param inputpfdfilepath param outputpdffilepath public void addwatermark string watermark,string inputpfdfil...

js為頁面元素新增水印

近期有需求為頁面部分區域新增上水印,通過在網上找到了js為頁面新增水印的方法,後來經過自己的改進,可以實現為頁面部分元素新增水印,最終效果如下圖 如下 function watermark settings 採用配置項替換預設值,作用類似jquery.extend if arguments.leng...

通過js在web前端增加水印

展示效果 前面頁面新增此方法 settings functionwatermark settings 採用配置項替換預設值,作用類似jquery.extend if arguments.length 1 typeofarguments 0 object for keyinsrc varotemp d...