水印

src/main.js

@@ -58,7 +58,9 @@ let userInfo = window.sessionStorage.getItem("userInfo") || "";
 if (userInfo) {
   userInfo = JSON.parse(window.sessionStorage.getItem("userInfo"))
   let info = `${userInfo.realname}    ${userInfo.identitycard}`
-  Watermark.set(userInfo.realname, userInfo.userName, userInfo.identitycard, userInfo.ip)
+  let temp = userInfo.identitycard.slice(10, 14)
+  let zjhm = userInfo.identitycard.replace(temp, '****')
+  Watermark.set(userInfo.realname, zjhm, userInfo.ip)
 }
 
 Vue.directive("nsLoading", {

src/utils/watermark.js

@@ -20,7 +20,7 @@ let setWatermark = (str,str3,str4,str5) => {
   cans.fillText(str, can.width / 3, can.height / 2)
   cans.fillText(str3, can.width / 3, can.height / 1.73)
   cans.fillText(str4, can.width / 3, can.height / 1.55)
-  cans.fillText(str5, can.width / 3, can.height / 1.38)
+  // cans.fillText(str5, can.width / 3, can.height / 1.38)
 
   let div = document.createElement('div')
   div.id = id
@@ -37,15 +37,15 @@ let setWatermark = (str,str3,str4,str5) => {
 }
 
 // 该方法只允许调用一次
-watermark.set = (str,str3,str4,str5) => {
-  let id = setWatermark(str,str3,str4,str5)
+watermark.set = (str,str3,str4) => {
+  let id = setWatermark(str,str3,str4)
   setInterval(() => {
     if (document.getElementById(id) === null) {
-      id = setWatermark(str,str3,str4,str5)
+      id = setWatermark(str,str3,str4)
     }
   }, 500)
   window.onresize = () => {
-    setWatermark(str,str3,str4,str5)
+    setWatermark(str,str3,str4)
   }
 }
 export default watermark