今天遇到了一个问题，我发现网页上的一张Gif图片很不错，想保存到本地。然而鼠标右键单击发现没有这个选项，F12打开源代码发现是canvas对象。

首先打开Console，找到canvas节点：

由于画布canvas有一个有用的方法 toDataURL() ，它能够把画布中的图案转变为Base64编码的PNG图片，返回 Data URL 数据。 我们运行以下代码：

最后浏览器会自动下载一个没有扩展名的文件，添加扩展名 .png 即可得到图片。不过这只是静态图片，要想保存GIF图片，还要下一番功夫。