javascript - 捕获 html canvas 不作为 dataURL

Question

有没有办法捕获 html Canvas 的内容而不是像下面的示例中那样作为数据 url？

Capture HTML Canvas as gif/jpg/png/pdf?

我想要这样做的原因是我想将 Canvas 的内容转换为 jpeg，然后将 jpeg 转换为文件类型以与 plupload 库一起使用。到目前为止，我能找到的唯一解决方案是使用 BlobBuilder() 从 dataURL 转到 blob，然后再转到文件。

https://developer.mozilla.org/en-US/docs/Web/API/BlobBuilder

BlobBuilder API 不是很强大并且已经过时。任何人都可以想出更好的方法来做到这一点。或者使用 javascript 将 dataURL 转换为 jpeg 的更好方法。

Answer 1

你想要 .jpg 吗？

只需使用 .toDataURL 选项创建 .jpg 而不是默认的 .png

myCanvas.toDataURL( "image/jpeg" );