Open shawlp opened 3 years ago
重复的dom元素覆盖实现 在页面中覆盖一个position:fixed的div盒子，盒子透明度设置较低，设置pointer-events:none;样式实现点击穿透
canvas输出背景图 在页面上覆盖一个固定定位的盒子，然后创建一个canvas画布，绘制出一个水印区域，将这个水印通过toDataURL方法输出为一个图片，将这个图片设置为盒子的背景图，通过backgroud-repeat：repeat；样式实现填满整个屏幕的效果
svg实现背景图
图片加水印 图片加载成功后画到canvas中，随后在canvas中绘制水印，完成后通过canvas.toDataUrl()方法获得base64并替换原来的图片路径
重复的dom元素覆盖实现 在页面中覆盖一个position:fixed的div盒子，盒子透明度设置较低，设置pointer-events:none;样式实现点击穿透
canvas输出背景图 在页面上覆盖一个固定定位的盒子，然后创建一个canvas画布，绘制出一个水印区域，将这个水印通过toDataURL方法输出为一个图片，将这个图片设置为盒子的背景图，通过backgroud-repeat：repeat；样式实现填满整个屏幕的效果
svg实现背景图
图片加水印 图片加载成功后画到canvas中，随后在canvas中绘制水印，完成后通过canvas.toDataUrl()方法获得base64并替换原来的图片路径