vue项目为每个页面添加水印

vue项目为每个页面添加水印

因为实际项目需要给项目的每个页面（除登录页）都添加水印，因次对项目做了改造配置，使每个页面(除登录页)都自动生产水印，主要思路是用canvas实现，在permission.js中引入，起到全局配置作用。

（1）创建一个warterMark.js文件，位置：src/utils/warterMark.js，主要代码如下

下面展示一些 代码片。

'use strict'
const watermark = {
   }
const setWatermark = (str) => {
   
  const id = '1.23452384164.123412415'

  if (document.getElementById(id) !== null) {
   
    document.body.removeChild(document.getElementById(id))
  }

  <