如何给项目加上水印

大大大琪123

已于 2022-08-24 17:12:42 修改

阅读量799

点赞数 1

文章标签： javascript 前端开发语言

于 2022-08-24 17:10:59 首次发布

本文链接：https://blog.csdn.net/weixin_48771583/article/details/126508405

版权

①创建water.js文件并复制以下代码放在文件中

var watermark = {
   }

function setWatermark(args) {
   
  // 声明一个怪异一点的变量，确保id的唯一性
  var id = '111.222.333.456'
  var xIndex = 15// 绘制文本的 x 坐标位置
  var yIndex = 65// 绘制文本的 y 坐标位置
  var xInterval = 25// 有多个参数时的行间间隔
  if (document.getElementById(id) !== null) {
   
    document.body.removeChild(document.getElementById(id))
  }
  // 利用canvas绘制水印信息
  var can = document.createElement('canvas')
  can.width = 250
  can.height = 150
  var cans = can.getContext('2d')
  cans.rotate(-