Image 将带有图像的画布导出为图像（如PNG或jpg）

我只是想得到http://... .png“或”http://... .jpg“我的画布作为图像的位置

我已经尝试了toDataURL（），但它不起作用。特别是如果我在画布中加载图像

这是我的代码：（顺便说一句，我在这里使用jQuery）

我将这个dataImg变量加载到另一个click redirect函数中进行测试，希望它能够使用它包含的base64 url重定向到页面，但它就是不起作用：

$("#canvas").click(function(){
  document.location = dataImg;
});

它把我带到一个空白页？我错过了什么

多谢各位

您是否拥有或您的代码直接托管在该站点上？否则，由于跨站点来源策略，您将无法执行此操作。最好的方法是让一些服务器端代码获取映像，然后在您的域中本地提供它

如果你拥有helpinghomelesscats.com，这应该是可行的，正如这里测试的那样

单击画布并查看日志以查看响应。

您是否拥有或您的代码是否直接托管在该站点上？否则，由于跨站点来源策略，您将无法执行此操作。最好的方法是让一些服务器端代码获取映像，然后在您的域中本地提供它

如果你拥有helpinghomelesscats.com，这应该是可行的，正如这里测试的那样

单击画布并查看日志以查看响应

<canvas id="canvas" width="500" height="400"></canvas>

var dataImg = canvas.get(0).toDataURL();

$("#canvas").click(function(){
  document.location = dataImg;
});