JZTXT
  • 首页
  • Ai
  • Java
  • Python
  • Android
  • Mysql
  • JavaScript
  • Html
  • CSS

前端全局页面添加水印

发布时间 2023-04-27 10:31:55作者: LeeToLee
// 下载npm包
npm install watermark-package -S

使用

         import watermark from "watermark-package";

          // 添加水印
          watermark.setWaterMark({
            w_texts: [data.userName, data.account],
            w_options: {
              w_width: 240,
              w_height: 140,
              w_top: '0px',
              w_left: '0px',
              w_rotateDeg: 25,
              w_font: '1.2rem Vedana',
              w_color: '#666',
              w_opacity: '0.2',
              w_zIndex: '100000',
            }
          })
          // 移除水印
          // watermark.removeWatermark()    

参考:https://blog.csdn.net/weixin_45032067/article/details/125055703?spm=1001.2101.3001.6650.7&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-7-125055703-blog-126570259.235%5Ev28%5Epc_relevant_default&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-7-125055703-blog-126570259.235%5Ev28%5Epc_relevant_default&utm_relevant_index=11

    本栏目推荐文章
  • 跟着阿灵学前端(1)——HTML 基础
  • 跟着阿灵学前端(2)——CSS 基础
  • uniapp---页面之间通信
  • 浏览器页面实现读取和存储文件到c盘,是否能实现?
  • origin2022导出图有水印
  • 微信小程序 小程序的页面配置
  • 前端预览页面优化解决思路笔记
  • 美多商城用户注册-展示用户注册页面-短信验证码-6
  • 美多商城用户注册-展示用户注册页面-验证码-5
  • 全局异常
版权声明:本网站为非赢利性站点,本网站所有内容均来源于互联网相关站点自动搜索采集信息,相关链接已经注明来源。
联系我们