使用文本作为图像将图像保存到javascript中的照片库

时间:2013-04-03 06:58:49

标签: javascript cordova

我有一个临时图片,我想用javascript(phonegap)复制到图库。 有什么帮助吗?

function save() {
  var image = document.getElementById("tempImg");
  //upload image to gallery of mobile . But how??
}

我的图片包含照片和文字......

我只想安排所有div数据,包括div中的图像,上面有一些文字,并将其保存为javascript中任何格式.jpg,png等的完整图像。 我引用了这个链接,但这是画布到图像,但我想div到图像。 Canvas to PhotoLibrary [Phonegap]

2 个答案:

答案 0 :(得分:5)

您可能需要查看此网址:http://html2canvas.hertzen.com/

使用此脚本,您可以将div转换为画布,然后使用“Canvas to PhotoLibrary [Phonegap]”来完成剩下的工作。

您的代码看起来像这样:

function save() {
    var image = document.getElementById("tempImg");
    html2canvas(image, {
        onrendered: function(canvas) {
            // use "Canvas to PhotoLibrary [Phonegap]" on the canvas variable
        }
    });
}

答案 1 :(得分:1)

使用会话存储(或)本地存储

保存

保存:

var z1,z2,z3;
function save() {
var a=$("#theme1_text").val();
var b=$("#image_div").css("background-image");              
var c=$("#background_theme1").css("background-image");
sessionStorage.z1=a;
sessionStorage.z2=b;
sessionStorage.z3=c;
    };

视图:

function view() {
$("#theme1_text").val(sessionStorage.z1);
$("#image_div").css("background-image",sessionStorage.z2);
$("#background_theme1").css("background-image",sessionStorage.z3);
    };