javascript - 将带有文本的图像作为图像保存到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

您可能想查看此网址：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
        }
    });
}

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