【JavaScript】如何保存网页上的canvas画布为本地图片

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

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

var tCanvas = document.getElementById("shadows3D_canvas");

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

var image = new