第一步:引入依赖包 下载依赖包: npm install watermark-dom 1 引入使用: importwatermarkfrom'watermark-dom' 1 或 varwatermarkDom =require("watermark-dom") 1 第二步:配置水印参数 水印参数配置表(并非全部必须): watermark_id:'wm_div_id',//水印总体的idwatermark_prefix:'mask_div_id',//小水印的id...
import watermark from 'watermark-dom' 1. 1 或 var watermarkDom = require("watermark-dom") 1. 1 第二步:配置水印参数 水印参数配置表(并非全部必须): watermark_id: 'wm_div_id', //水印总体的id watermark_prefix: 'mask_div_id', //小水印的id前缀 watermark_txt:"测试水印", //水印的内容 w...
defaultSettings.watermark_x_space: temp_watermark_x_space;varallWatermarkWidth;/*三种情况下会重新计算水印行数和y方向水印间隔:1、水印行数设置为0,2、水印长度大于页面长度,3、水印长度小于于页面长度*/defaultSettings.watermark_rows=parseInt((page_height - defaultSettings.watermark_y) / (defaultSettings....
第一步:引入依赖包 下载依赖包: npm install watermark-dom 引入使用: importwatermarkfrom'watermark-dom' 或 varwatermarkDom=require("watermark-dom") 第二步:配置水印参数 水印参数配置表(并非全部必须): watermark_id:'wm_div_id',//水印总体的idwatermark_prefix:'mask_div_id',//小水印的id前缀watermark...
第一步:获取组件方式:git clone https://github.com/saucxs/watermark-dom.git 第二步:clone后,在需要加水印的相关页面引入水印文件"watermark.js": 第三步:在确保页面DOM加载完毕之后,调用watermark的load方法(手动加载): watermark.load({ watermark_txt: "测试水印,1021002301,测试水印,100101010111101" }) 注意...
watermark-dom watermark.js是基于DOM对象实现的BS系统的水印,确保系统保密性,安全性,降低数据泄密风险,简单轻量,支持多属性配置,动态计算水印,水印防被删(监听水印组件元素删除并重新添加,监听改变水印的属性并重新添加)。 特性: 多属性配置,简单易上手
watermark-dom watermark.js是一个给B/S网站系统加一个很浅的水印插件,确保系统的保密性,安全性,降低数据泄密风险。 水印插件内容,包含1、版本,2、水印插件-使用,3、水印插件-testTool(测试工具),4、内置方法,5、支持各种属性配置使用,等等。 注意:基于本项目源码从事科研、论文、系统开发,"最好"在文中或系统中...
方法调用// js水印-divweaterMaskFn({text:'社会王老板-div水印',// 水印文案opacity:'0.5',// 透明度fontSize:'14px',// 字体大小color:'#09f',// 字体颜色rotate:'-30',// 旋转角度degmarginTop:150,// 两个水印上下间距});方法封装exportletweaterMaskFn=(params={})=>{letwaterMarkDiv=document....
首先新建一个watermark.js文件存放水印功能核心代码,核心代码我会放在文章底部 如何使用?这里以vue页面为例,先看效果,如下图。 全局水印实现: 1.首先在main.js引入watermark.js,并在vue原型上添加$watermark属性作为全局水印的实例,在实例化时如果不传targetNode参数,则会将水印节点添加到body下面,即为全局水印。
A free, fast, and reliable CDN for watermark-dom-plus. 由于watermark-dom作者不维护issue和pr,修改一些bug发包使用。