JS 新增背景水印(適用於 PC 端和移動端)

2021-10-25 18:35:42 字數 1446 閱讀 8827

因為這個看網上已經有很多的案例了,所以我就簡單的記錄一下,方式都是大差不差的。

js 呼叫示例,引數配置可自己調節,適用於移動端和pc端

呼叫方法:watermark()

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++) ;

};}

js複製文字功能實現,適用於Android和IOS

首先文字只有選中才可以複製,所以簡單的做法就是建立乙個隱藏的input,然後繫結需要複製的文字。另外如果將input設定為 type hidden 或者display none則無法選中文字,也就無法複製,可以設定position absolute left 999px 來隱藏文字域。const c...

多執行緒適用於阻塞式IO場景,不適用於平行計算場景

python的標準實現是cpython。cpython執行python 分為2個步驟 首先,將文字原始碼解釋編譯為位元組碼,然後再用乙個直譯器去 解釋執行位元組碼。位元組碼直譯器是有狀態的,需要維護該狀態的一致性,因此使用了gil global interpreter lock,全域性直譯器鎖 gi...

js自適應rem 主要適用於移動端

rem是指相對於根元素 html 的字型大小的單位,利用它能實現強大的螢幕適配布局。下面主要應用的是基於js去調整根元素字型大小,從而實現各個尺寸螢幕的適配 使用方法 1.複製上面這段 到你的頁面的頭部的script標籤的最前面。2.根據設計稿大小,調整裡面的最後兩個引數值。3.使用1rem 100...