文章/答案/技术大牛

发布

社区首页 >问答首页 >将画布保存到Phonegap中的设备

问将画布保存到Phonegap中的设备
EN

Stack Overflow用户

提问于 2014-03-24 23:47:23

回答 1查看 1.3K关注 0票数 0

我已经对此做了大量的研究和测试，但在兼容性和清晰度方面，我做了很多研究和测试。我希望有人对此有明确的解决办法。

我的PhoneGap构建(3.1)应用程序从S3中提取图像，通过html画布向其添加覆盖文本，然后需要在单击操作时将其保存到用户的电话中。

以下是一些相关细节：

最好将它们保存到画廊(android)或照片应用程序(iOS)可以检测到的位置。
我需要它在Android2.3up和iOS 6-7中工作。
我也有一个复合版本的图像与重叠文本位于AWS。我很乐意从合成图像的URL或直接从画布下载图像到设备。

以下是我的一些障碍：

在尝试执行"canvas.toDataURL()“时，我一直会得到”受污染的画布“安全错误，即使我在S3的CORS上为使用的桶设置了通配符。
“下载”属性似乎是在大多数移动浏览器中不受支持。
我很乐意使用Phonegap "FileTransfer.download()“方法，但我还没有弄清楚在哪可以在每个设备上获得正确的文件路径，以便在图片库/照片应用程序中使用

有什么有效的方法可以跨平台完成这个任务吗？

android

ios

cordova

canvas

download

回答 1

Stack Overflow用户

发布于 2014-03-25 03:03:46

虽然我不想回答我自己的问题，但我发现PhoneGap插件"Canvas2Image“实际上非常适合这个问题：https://github.com/devgeeks/Canvas2ImagePlugin。

它的描述在phonegap插件目录中非常模糊，但它很容易将图像保存到适当的目录中。它使用一个成功回调、一个错误回调和一个画布元素作为参数。它同样适用于iOS和安卓系统，由于phonegap目录的描述，我对此不太清楚。

window.canvas2ImagePlugin.saveImageDataToLibrary(
    function(msg){
        Ext.Msg.alert('Success!', 'The image was saved to the photos gallery on your device.');
    },
    function(err){
        Ext.Msg.alert('Aww, Schucks!', 'There was a problem saving the image to your device.');
    },
    document.querySelector('canvas')
);

注意:我不建议在Sencha中使用document.querySelector .这只是一个明确的参考。

推测注意:我没有进一步研究它，但如果您随后需要链接到或打开保存的映像，这可能不是一个很好的选择。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/22622845

复制

相似问题

问将画布保存到Phonegap中的设备
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将画布保存到Phonegap中的设备EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将画布保存到Phonegap中的设备
EN