首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >画布到PhotoLibrary [Phonegap]

画布到PhotoLibrary [Phonegap]
EN

Stack Overflow用户
提问于 2012-03-29 01:46:07
回答 3查看 3.8K关注 0票数 1

嗯,我已经很好地处理了几张图片到画布上,现在的问题是通过Phonegap导出到iOS上的图片库。我读了很多关于Phonegap API的文章,也读了很多测试,但都没有结果。

有没有Phongap的插件可以访问IOS中的图片库?我在Android上看到了一个:(.

如果没有(我发现了canvas2image.js),你对这个话题有哪些经验?

每一条信息都将被删除。

谢谢你,副总经理。

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2012-03-29 18:43:08

我读了这篇文章,心想“这能有多难呢?”

所以我很快就破解了一个。

如果工作正常,请让我知道。

https://github.com/devgeeks/Canvas2ImagePlugin

示例

在您的html中:

代码语言:javascript
复制
<canvas id="myCanvas" width="165px" height="145px"></canvas>

然后在onDeviceReady

代码语言:javascript
复制
function onDeviceReady()
{
    var canvas2ImagePlugin = window.plugins.canvas2ImagePlugin;
}

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

代码语言:javascript
复制
// 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
    );
}
票数 5
EN

Stack Overflow用户

发布于 2015-10-10 18:19:50

几年后,这个插件可以做更多的事情,并支持IOS之前发布的版本。

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

代码语言:javascript
复制
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

票数 1
EN

Stack Overflow用户

发布于 2012-03-29 17:57:08

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

你好,副总经理。-

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

https://stackoverflow.com/questions/9912936

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档