javascript - 从 HTML Canvas 元素生成图像数据

Question

从 HTML canvas 元素的内容生成图像数据的最佳方法是什么？

我想创建可以传输到服务器的图像数据(用户不必能够直接保存到文件)。图像数据应采用通用格式，例如 PNG 或 JPEG。

在多个浏览器中都能正常工作的解决方案是首选，但如果每个解决方案都依赖于浏览器，则应以最新版本的 Firefox 为目标。

Answer 1

Firefox 和 Opera 有一个 toDataURL() 方法可以返回数据 URL 格式的 PNG。您可以将结果分配给表单字段以将其提交给服务器。

数据 URL 是 base-64 编码的，因此您必须在服务器端对其进行解码。您还需要去掉“data:image/png;”当然是一部分。