1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162 |
- 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 = 300
- can.height = 300
-
- let cans = can.getContext('2d')
- cans.rotate(-20 * Math.PI / 180)
- cans.font = '20px Vedana'
- cans.fillStyle = 'rgba(200, 200, 200, 0.40)'
- cans.textAlign = 'left'
- cans.textBaseline = 'Middle'
- cans.fillText(str, can.width / 3, can.height / 2)
-
- let div = document.createElement('div')
- div.id = id
- div.style.pointerEvents = 'none'
- div.style.top = '70px'
- div.style.left = '100px'
- div.style.position = 'fixed'
- div.style.zIndex = '100000'
- div.style.width = document.documentElement.clientWidth - 100 + 'px'
- div.style.height = document.documentElement.clientHeight - 100 + '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 = '7.432756475.689573874'
- outWatermark(str)
- }
-
- export default watermark
|