Javascript canvas.toDataUrl () Отправить изображение элементу <img>в новом окне

Question

Что я здесь не так делаю?

Я пытаюсь сохранить рисунок холста, открыв его в новом окне и отображая .png в элементе img, который расположен на странице с помощью css.

Оттуда у вас будет возможность скачать его или поделиться им.

У меня пока что есть, но в img src не указывается toDataUrl ();

function saveDrawing() {
    var url = canvas.toDataURL(); 
    window.open('saveimage.php'); 
    var placeholder = document.getElementById("placeholder");  
    placeholder.src = url;  
}

Есть мысли?Спасибо!

Answer 1

document.getElementById("placeholder"); ищет этот идентификатор не во вновь открытом окне, а в текущем.Все, что вам нужно сделать, это сослаться на документ только что созданного окна:

function saveDrawing() {
    var url = canvas.toDataURL(); 
    w = window.open('saveimage.php'); 
    w.onload = function(){
        var placeholder = w.document.getElementById("placeholder");  
        placeholder.src = url;
    };  
}

Это может иметь ошибки, идея в том, что вы сохраняете ссылку на новое окно в w, а затем, когда оно загружается,получить доступ к DOM для изменения изображения src