老迟到小霸王

文章
4
资源
0
加入时间
2年10月24天

vue添加图片水印脱敏,动态水印字体大小、间距

记录一下前端添加水印,动态水印字体大小、间距项目里需要对图片添加整片的水印最开始是直接引用这位大佬的。前端js实现给图片添加水印这个大佬的方法里水印密度是手动传入的,对于同一个图片上传器。密度是固定的,或者说,对于同一个页面里的水印添加方法要实现传入不同的水印密度,就要多次调用,所以实际应用中,当窄图片和宽图片用同样的密度,即使缩小了字体,也会出现水印密密麻麻重叠的问题。并且水印字体的大小也区分的比较生硬。所以在此文代码基础上做了些修改以实现简单的动态字体大小、间距。新建一个waterMarke