2013-04-03 70 views
4

我有一个临时图像,我想使用javascript(phonegap)复制到图库。 有什么帮助吗?将文本保存为图片作为图片到javascript中的图片库

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

我的图像包含照片和文字一起...

我只是想安排所有的div数据,包括内部的div图像与它的一些文本,并将其保存为任何格式为.jpg的完整图像,png等在JavaScript中。 我提到这个链接,但是这是为画布图像,但我想div的形象。 Canvas to PhotoLibrary [Phonegap]

+0

你能举个例子吗(比如sc reenshot)你的“形象”是什么样子? –

+0

@VladStirbu:图片看起来应该不重要。我想它是由用户动态创建/编辑的。无论如何,我能够[不知道它是什么样子] [回答问题](http://stackoverflow.com/a/15914207/2093695)。 –

回答

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

您保存此使用会话存储(或)本地存储

节省:

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

这实际上并不会将它保存到PhotoLibrary中,甚至不会将其转换为图像,是不是? –