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 等。我提到了这个链接，但那是用于 canvas to image 但我想要 div to image 。 Canvas to PhotoLibrary [Phonegap]

Answer 1

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

使用此脚本，您可以将 div 转换为 Canvas ，然后使用“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
        }
    });
}