Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/389.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
用javascript将带有文本的图像作为图像保存到照片库_Javascript_Cordova - Fatal编程技术网

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

用javascript将带有文本的图像作为图像保存到照片库,javascript,cordova,Javascript,Cordova,我有一个临时图像,我想用javascript(phonegap)将其复制到gallery。 有什么帮助吗 function save() { var image = document.getElementById("tempImg"); //upload image to gallery of mobile . But how?? } 我的图像包含照片和文字在一起 我只想安排所有的div数据,包括div中的图像和一些文本,并将其保存为javascript中任何格式的完整图像.jpg、p

我有一个临时图像,我想用javascript(phonegap)将其复制到gallery。 有什么帮助吗

function save() {
  var image = document.getElementById("tempImg");
  //upload image to gallery of mobile . But how??
}
我的图像包含照片和文字在一起

我只想安排所有的div数据,包括div中的图像和一些文本,并将其保存为javascript中任何格式的完整图像.jpg、png等。 我提到了这个链接,但这是画布到图像,但我想div到图像。

您可能希望签出此url:

使用此脚本,您可以将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
        }
    });
}

您可以使用会话存储(或)本地存储保存此文件

保存:

视图:


你能举例说明你的“图像”是什么样子的吗?@VladStirbu:图像看起来怎么样并不重要。我想象它是由用户动态创建/编辑的。无论如何,我可以在不知道它是什么样子的情况下保存它。这实际上不会将它保存到照片库,甚至不会将它转换为图像,对吗?
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);
    };