Create the watermark.js file directly in the tools folder

Let watermark = {} let setWatermark = (STR) => {let id = '1.23452384164.123412415' if (document.getelementById (id)! == null) { document.body.removeChild(document.getElementById(id)) } let can = document.createElement('canvas') can.width  = 150 can.height = 120 let cans = can.getContext('2d') cans.rotate(-20 * Math.PI / 180) cans.font = '15px Vedana' Canible.fillstyle = 'rgba(0, 0, 0, 0.50)' can.width / 20, can.height ) let div = document.createElement('div') div.id = id div.style.pointerEvents = 'none' div.style.top = '3px' div.style.left = '0px' div.style.position = 'fixed' div.style.zIndex = '100000' div.style.width = document.documentElement.clientWidth + 'px' div.style.height = document.documentElement.clientHeight + 'px' div.style.background = 'url(' + can.toDataURL('image/png') + ') left top repeat' document.body.appendChild(div) return Watermark. Set = (STR) => {let id = setWatermark(STR) setInterval(() => {if (document.getElementById(id) === null) { id = setWatermark(str) } }, > {setWatermark(STR)}} export default watermark in main.js $watermark. Set (' test only ','aaa');Copy the code

The reference case www.jianshu.com/p/9f3dffed2…