сохранить изображение с текстом как изображение в фотогалерее в javascript

У меня есть временное изображение, которое я хочу скопировать в галерею, используя javascript (phonegap). Любая помощь?

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]


cordova javascript
person SSS    schedule 03.04.2013    source источник
comment
Можете ли вы показать пример (например, скриншот) того, как выглядит ваше изображение?   -  person Vlad Stirbu    schedule 05.04.2013
comment
@VladStirbu: не имеет значения, как выглядит изображение. Я предполагаю, что он динамически создается/редактируется пользователем. Во всяком случае, я смог ответить на вопрос, не зная, как он выглядит.   -  person Brian McCutchon    schedule 11.04.2013

Ответы (2)


arrow_upward
5
arrow_downward

Вы можете проверить этот URL-адрес: 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
        }
    });
}
person Brian McCutchon    schedule 09.04.2013

arrow_upward
1
arrow_downward

вы сохраняете это, используя хранилище сеансов (или) локальное хранилище

спасти:

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);
    };
person Arunkumar    schedule 10.04.2013
comment
На самом деле это не сохранит его в PhotoLibrary и даже не преобразует в изображение, не так ли? - person Brian McCutchon; 11.04.2013