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

Question

我有一个临时图像，我想使用javascript（phonegap）复制到图库。 有什么帮助吗？

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

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

我只想排列所有div数据，包括div内的图像以及一些文本，然后将其保存为JavaScript中任何格式的.jpg，png等完整图像。 我引用了此链接，但这是画布到图像的，但是我想div到图像。 画布到PhotoLibrary [Phonegap]

Answer 1

您可能想查看以下URL： http : //html2canvas.hertzen.com/ 。

使用此脚本，您可以将div转换为画布，然后使用“画布到PhotoLibrary [Phonegap]”完成其余的工作。

您的代码如下所示：

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

Answer 2

您使用会话存储（或）本地存储来保存

保存：

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);
    };