63 lines
1.6 KiB
63 lines
1.6 KiB
'use strict' |
|
|
|
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 = 600 |
|
can.height = 600 |
|
|
|
let cans = can.getContext('2d') |
|
cans.rotate(-15 * Math.PI / 150) |
|
cans.font = '40px Vedana' |
|
cans.fillStyle = 'rgba(17, 17, 17, 0.10)' |
|
cans.textAlign = 'left' |
|
cans.textBaseline = 'Middle' |
|
cans.fillText(str, can.width / 16, can.height / 2) |
|
|
|
let div = document.createElement('div') |
|
div.id = id |
|
div.style.pointerEvents = 'none' |
|
div.style.top = '10px' |
|
div.style.left = '10px' |
|
div.style.position = 'fixed' |
|
div.style.zIndex = '1000000' |
|
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 id |
|
} |
|
|
|
// 该方法只允许调用一次 |
|
watermark.set = (str) => { |
|
let id = setWatermark(str) |
|
setInterval(() => { |
|
if (document.getElementById(id) === null) { |
|
id = setWatermark(str) |
|
} |
|
}, 500) |
|
window.onresize = () => { |
|
setWatermark(str) |
|
} |
|
} |
|
|
|
const outWatermark = (id) => { |
|
if (document.getElementById(id) !== null) { |
|
const div = document.getElementById(id) |
|
div.style.display = 'none' |
|
} |
|
} |
|
watermark.out = () => { |
|
const str = '1.23452384164.123412415' |
|
outWatermark(str) |
|
} |
|
|
|
export default watermark |