今天我们就来说说，脚本去图片水印的实现原理。那并不是任何网站都可以破解会员，是因为有些网站不够建全，我们可以利用一些前端知识来绕过付费。

首先我们进入图片制作网站，选择一张会员才可以使用的模板。

然后根据自己的需求制作图片即可。

制作完成到下载的时候就需要我们把水印去掉，这样才可以正常使用。

 在页面点击f12，在 HTML 中搜索 water ，我们可以搜索到带水印的 div，然后把水印图片去掉。就可以实现去水印了。 原理就是通过这一行代码实现去水印了， 现在我们可以使用截图工具截图保存即可。

其实设计网站实现图片下载，一般由 2 种方式：

第一种： 使用一个前端库 dom-to-img 来实现

第二种： 使用服务器 puppeteer 截图实现。

第一种方式就是它自带的按钮

第二种服务端生成：当我们点击上面的（下载带水印）按钮，我们可以看到它的 2 个请求接口，其中有一个请求带参数 waterMark 值为 1 ，那么是否是改成 0， 就没有水印了呢？

第二个接口可以通过第一个接口返回的 uid，获得下载图片的地址。那么我们就可以自己模拟请求这个 2 个接口，来实现这一个功能。

代码分析

首先我们通过 require 加入 jquery，方便我们 dom 操作，然后通过一个定时器，在 dom 加载之后，往右上角插入一个无水印下载的按钮。

点击这个按钮，模拟调用刚才的 2 个接口，并且发送参数：bid、图片的宽度、高度。

• bid： 也就是 url 上的 id。

• 图片宽度和高度：也就是页面上输入的值。

最后我们通过接口返回的图片地址，使用 window.open 方法实现图片下载。

是不是很简单呢？你学会了吗？