因为想要方便自己在需要的时候可以给证件加上水印,于是乎造了个加水印的轮子,纯前端实现( Vue ),不进行图片上传。
使用了 watermark.js 进行水印的处理,Mint UI 提供组件。
具体实现比较粗糙,感兴趣的可以看看,传送门 >>> ruter/watermarker
可以在这里体验 >>> demo

1
ichanne 2018 年 3 月 9 日
不错不错,最好能加隐藏水印,和钉钉截图一样
|
2
virusdefender 2018 年 3 月 9 日 微信小程序有一个叫 水印小助手 的就是做这个事情的,手机上更方便一些
|
3
thankfish 2018 年 3 月 9 日 via iPhone
666666
|
4
ruter8 OP |
5
nameryan 2018 年 3 月 10 日
实现不难,倒是从使用场景考虑,一般需要加水印的是证件照
而通过上传图片来加水印这种方式,对于证件照这种还是比较敏感的,所以如果能有效的通过本地处理的方式会更受欢迎。 |
8
unifier 2018 年 3 月 10 日
透明度反啦,应该是越往右拉透明度越大,越不容易看清呀
|
9
ruter8 OP @zacharyjia 从左到右是从 0 到 1,透明度数值越低越透明,1 表示不透明
|
11
codehz 2018 年 3 月 11 日
能实时预览吗(
|
12
ruter8 OP |
13
xiaozizayang 2018 年 3 月 12 日
赞!
|