JS 制作水印

最新推荐文章于 2024-05-12 10:06:43 发布

qq_40055200

最新推荐文章于 2024-05-12 10:06:43 发布

阅读量93

点赞数 1

文章标签：大数据

本文链接：https://blog.csdn.net/qq_40055200/article/details/125715349

版权

HTML部分

JS部分

export default {
  // tool.js
  addWaterMark () {
    const strArr = `${localStorage.getItem(
      'loginUserName'
    )}${localStorage
      .getItem('logunUserPhone')
      .slice(7, 11)}[${new Date()}]`
    const ctx = document.createElement('canvas')
    ctx.width = 250
    ctx.height = 100
    ctx.style.display = 'none'
    const cans = ctx.getContext('2d')
    cans.rotate((-20 * Math.PI) / 180)
    cans.font = '12px Microsoft YaHei'
    cans.fillStyle = 'rgba(17, 17, 17, 0.20)'
    cans.textAlign = 'left'
    cans.textBaseline = 'Middle'
    cans.fillText(strArr, 0, 100)
    cans.save()
    return ctx.toDataURL()
  }
}