Javascript canvas.toDataUrl(）将图片发送到<img>元素

Javascript canvas.toDataUrl() Send picture to an <img> element in a new window

本文关键字：lt img 元素 gt toDataUrl canvas Javascript      更新时间：2023-09-26

我做错了什么？

我试图通过打开一个新窗口并在带有css的页面上的img元素中显示.png来保存一个画布绘图。

从那里你可以选择下载或共享。

到目前为止，我已经知道了，但是img src并没有填充toDataUrl（）；

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

有什么想法吗？谢谢

document.getElementById("placeholder");不是在新打开的窗口中查找该ID，而是在当前窗口中查找。你所要做的就是参考新创建的窗口的文档：

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

相关文章：