給網頁新增水印

html：

//

//改編摘自：
//hjl 2023年6月19日19:25:43
function watermark(settings) ;
//採用配置項替換預設值，作用類似jquery.extend
if (arguments.length === 1 && typeof arguments[0] === "object")
;for (key in src)
}var otemp = document.createdocumentfragment();
//獲取頁面最大寬度
var page_width = math.max(document.body.scrollwidth, document.body.clientwidth);
var cutwidth = page_width * 0.0150;
var page_width = page_width - cutwidth;
//獲取頁面最大高度
var page_height = math.max(document.body.scrollheight, document.body.clientheight) + 450;
// var 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)) 
var x;
var y;
for (var i = 0; i < defaultsettings.watermark_rows; i++) ;
};}//對date的擴充套件，將 date 轉化為指定格式的string
//月(m)、日(d)、小時(h)、分(m)、秒(s)、季度(q) 可以用 1-2 個佔位符，
//年(y)可以用 1-4 個佔位符，毫秒(s)只能用 1 個佔位符(是 1-3 位的數字)
//例子：
//(new date()).format("yyyy-mm-dd hh:mm:ss.s") ==> 2006-07-02 08:09:04.423
//(new date()).format("yyyy-m-d h:m:s.s")      ==> 2006-7-2 8:9:4.18
//author: meizz
date.prototype.format = function (fmt) ;
if (/(y+)/.test(fmt)) fmt = fmt.replace(regexp.$1, (this.getfullyear() + "").substr(4 - regexp.$1.length));
for (var k in o)
if (new regexp("(" + k + ")").test(fmt)) fmt = fmt.replace(regexp.$1, (regexp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
return fmt;
}function gettime()

js網頁新增水印

改編摘自 hjl 2017年6月19日19 25 43 function watermark settings 採用配置項替換預設值，作用類似jquery.extend if arguments.length 1 typeof arguments 0 object for key in src va...

react網頁新增水印

原理 在頁面覆蓋乙個盒子，取消滑鼠事件，層級最高，透明，用canvas，繪製背景 為了防止內部資料洩露，拍照等等，水印可以新增登入人姓名，公司名等等 借鑑大神的 let watermark letsetwatermark str,option 建立乙個畫布 let can document.crea...

metabase網頁新增水印

新建乙個公共js檔案 setwatermark.js let watermark window.onload function 建立乙個畫布 let can document.createelement canvas 設定畫布的長寬 can.width option.w 380 can.height...