Javascript:android Webview 中的 window.saveAs

Question

我正在使用这段代码来保存客户端生成的 PNG 文件:

my_canvas.toBlob (function (blob) {window.saveAs (blob, my_filename)}, 'image/png')

我将这些用于跨浏览器兼容性:

1. JavaScript Canvas 到 Blob 2.0.5，作者:Sebastian Tschan，https://github.com/blueimp/JavaScript-Canvas-to-Blob .
2. Eli Grey 的 FileSaver.js，http://eligrey.com .

在 IE10+、Chrome、Firefox、Chrome Android 中完美运行，但在 4.3 中的基本 Web View 引擎中出现故障。由于我试图在这里轻松使用 Phonegap 并使其与一些非新的当前移动设备兼容，我需要它至少在 Android WebView 4.3 中工作。

问答:

问:它是如何分解的？

A:将我发送到一个不存在的 URL，而不是制作图像并打开它。

Answer 1

我在使用 canvas、blob 和旧版本的 android 时遇到过很多问题。

在某些版本上您必须使用 BlobBuilder，在其他版本上您必须使用 WebKitBlobBuilder(在某些版本上有 BlobBuilder 但未正确实现)，Canvas.toDataURL 在 android 3 之前不存在并且在 4.x 之前无法正常工作...

出于所有这些原因，我最终使用了 Canvas2ImagePlugin适用于 Android 设备，现在我的应用程序甚至可以在 Android 2.3 中运行。

您可以通过测试 window.canvas2ImagePlugin 并在找到时使用它来将您的代码保留在浏览器中，如果没有找到则继续执行您一直在做的事情。