愚墨的博客
  • 首页
  • 前端技术
  • 面试
只争朝夕不负韶华
HTML5

前端水印如此简单

我们从实现方式上来考虑,既然要做水印,那肯定要是全屏幕的,我们会先想到几点 1. 用一个 div 全屏fixed。 2. 水印要和登录信息绑定,那么我们从cookie中获取一下账号信息。 3. 屏幕上一个大的水印,效果没有密密麻麻的小水印效果好。 4. 水印之前的间距要小一点,这样才能增加覆盖面积。 5. 要有防止窜改的功能。 列出以上这几点,我们就依次实现就好了。 第一点 很好实现。我们create一个dom元素,插入到body中就可以了。 const divObj = document.createElemen…

2022年03月13日 0条评论 609点热度 11人点赞 阅读全文
搜搜看看
历史遗迹
  • 2022年9月
  • 2022年3月
  • 2022年2月
  • 2021年5月
  • 2021年4月
  • 2021年1月
  • 2020年12月
  • 2020年11月
  • 2020年9月
  • 2020年7月
  • 2020年5月
  • 2020年4月
  • 2020年3月
  • 2020年1月
  • 2019年5月
  • 2019年3月
  • 2019年2月
  • 2019年1月
  • 2018年9月
  • 2018年3月
  • 2018年2月
  • 2018年1月
  • 2017年11月
  • 2017年7月
  • 2017年6月
  • 2017年3月
  • 2017年2月
  • 2017年1月
  • 2016年12月
  • 2016年11月
  • 2016年9月
  • 2016年8月
  • 2016年7月
  • 2016年6月
  • 2016年5月
  • 2016年4月
  • 2016年3月
  • 2016年2月
  • 2016年1月
  • 2015年12月
  • 2015年10月
  • 2015年9月
  • 2015年7月
  • 2015年6月
  • 2015年4月

COPYRIGHT © 2020 愚墨的博客. ALL RIGHTS RESERVED.

THEME KRATOS MADE BY VTROIS