將文本保存爲圖片作爲圖片到javascript中的圖片庫

我有一個臨時圖像，我想使用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]

來源

2013-04-03 SSS

你能舉個例子嗎（比如sc reenshot）你的「形象」是什麼樣子？ –

@VladStirbu：圖片看起來應該不重要。我想它是由用戶動態創建/編輯的。無論如何，我能夠[不知道它是什麼樣子] [回答問題]（http://stackoverflow.com/a/15914207/2093695）。 –

你可能想看看這個網址：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 
     } 
    }); 
}

來源

2013-04-09 23:13:14

您保存此使用會話存儲（或）本地存儲

節省：

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

來源

2013-04-10 05:54:06 Arunkumar

這實際上並不會將它保存到PhotoLibrary中，甚至不會將其轉換爲圖像，是不是？ –

將文本保存爲圖片作爲圖片到javascript中的圖片庫

回答

相關問題