画布到PhotoLibrary [Phonegap]

时间:2012-03-28 17:46:07

标签: canvas cordova

好吧,我已经将几张图片很好地处理到了画布上,现在问题在于通过Phonegap导出到iOS上的Photo库。我已经阅读了很多与Phonegap API有关的内容,以及很多测试,但没有结果。

是否有适用于Phongap的插件可以访问IOS中的照片库?我在Android上看到了一个:(。

如果没有(我找到了canvas2image.js),你有关于这个主题的经验吗?

每个信息都会被贬值。

谢谢你, DGM .-

3 个答案:

答案 0 :(得分:5)

我读了这篇文章并想到了它有多难?"。

所以我很快就砍了一个。

让我知道它是否正常。

https://github.com/devgeeks/Canvas2ImagePlugin

实施例

在你的HTML中:

<canvas id="myCanvas" width="165px" height="145px"></canvas>

然后在onDeviceReady

function onDeviceReady()
{
    var canvas2ImagePlugin = window.plugins.canvas2ImagePlugin;
}

然后在保存画布的函数中:

// where myCanvasId == 'myCanvas' (the id of the canvas above)
function mySavingFunction(myCanvasId) {
    canvas2ImagePlugin.saveImageDataToLibrary(
        function(msg){
            console.log(msg);
        }, 
        function(err){
            console.log(err);
        }, 
        myCanvasId
    );
}

答案 1 :(得分:1)

几年后,该插件可以做更多,并支持以前发布的IOS。

现在,您可以选择save as jpg/pngset qualityset outputfolder

function onDeviceReady()
{
    window.canvas2ImagePlugin.saveImageDataToLibrary(
        function(msg){
            console.log(msg);  //msg is the filename path (for android and iOS)
        },
        function(err){
            console.log(err);
        },
        document.getElementById('myCanvas'),
        '.jpg', // save as jpg
        80, // image quality
        'cunvaspluginfolder' //folder name
    );
}

归功于wbt11a,因为这个插件可以从原作者中进行配置。

请在此处下载新插件Github source

答案 2 :(得分:0)

嗯,解决方案包括重新编写khamer的插件SaveImage:https://github.com/khamer/phonegap-plugins-official/tree/master/iPhone/SaveImage

问候, DGM .-