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

1 ichanne 2018-03-09 14:19:22 +08:00 不错不错,最好能加隐藏水印,和钉钉截图一样 |
2 virusdefender 2018-03-09 14:21:16 +08:00 微信小程序有一个叫 水印小助手 的就是做这个事情的,手机上更方便一些 |
3 thankfish 2018-03-09 14:42:38 +08:00 via iPhone 666666 |
4 ruter8 OP |
5 nameryan 2018-03-10 10:58:52 +08:00 实现不难,倒是从使用场景考虑,一般需要加水印的是证件照 而通过上传图片来加水印这种方式,对于证件照这种还是比较敏感的,所以如果能有效的通过本地处理的方式会更受欢迎。 |
6 ruter8 OP @nameryan 这个没有进行任何上传操作的,代码里可以看到都是在本地环境进行的处理,可以断网使用 |
8 unifier 2018-03-10 22:18:27 +08:00 透明度反啦,应该是越往右拉透明度越大,越不容易看清呀 |
9 ruter8 OP @zacharyjia 从左到右是从 0 到 1,透明度数值越低越透明,1 表示不透明 |
11 codehz 2018-03-11 17:18:50 +08:00 能实时预览吗( |
12 ruter8 OP |
13 xiaozizayang 2018-03-12 16:19:36 +08:00 赞! |