使用的插件為 watermark-dom ,接下來分三步走，實現水印保護。
第一步：引入依賴包
下載依賴包：
npm install watermark-dom - 1
引入使用：
import watermark from 'watermark-dom' - 1
或
var watermarkDom = require("watermark-dom") - 1
第二步：配置水印參數
水印參數配置表（並非全部必須）：
watermark_id: 'wm_div_id', //水印總體的id watermark_prefix: 'mask_div_id', //小水印的id前綴 watermark_txt:"測試水印", //水印的內容 watermark_x:20, //水印起始位置x軸坐標 watermark_y:20, //水印起始位置Y軸坐標 watermark_rows:0, //水印行數 watermark_cols:0, //水印列數 watermark_x_space:100, //水印x軸間隔 watermark_y_space:50, //水印y軸間隔 watermark_font:'微軟雅黑', //水印字體 watermark_color:'black', //水印字體顏色 watermark_fontsize:'18px', //水印字體大小 watermark_alpha:0.15, //水印透明度，要求設置在大於等於0.005 watermark_width:100, //水印寬度 watermark_height:100, //水印長度 watermark_angle:15, //水印傾斜度數 watermark_parent_width:0, //水印的總體寬度（默認值：body的scrollWidth和clientWidth的較大值） watermark_parent_height:0, //水印的總體高度（默認值：body的scrollHeight和clientHeight的較大值） watermark_parent_node:null //水印插件掛載的父元素element,不輸入則默認掛在body上
第三步：調用內置方法
根據使用場景，在對應頁面引入該方法后，配置好水印參數調用即可
調用方法如下：
watermark.init(配置參數對象) 或 watermark.load(配置參數對象)
手動移除水印
例子
watermark.remove();
remove不生效：解決方法如下（變通一下）
親測可以重新設置一個空格水印來實現取消水印的效果。
watermark.load({ watermark_txt: ' ' // 水印的內容 注意：不能是空字符串，必須是空格。 })