将 html5canvas 转换为图像后，它不会作为图像插入 html

Question

我正在尝试将 html5canvas 转换为图像，并希望再次在页面中加载该图像，但它不起作用。window.onload = function() {    }  function myFunction() {    var v = document.getElementById("mTextArea").value;    document.getElementById("wow").innerHTML = v;    html2canvas(document.getElementById("imagewrap"), {      onrendered: function(canvas) {        canvas.className = "html2canvas";        var image = canvas.toDataURL("image/png");<====        document.getElementById("img_prev").innerHTML = image;<====      },      useCORS: true    });  }

Answer 1

canvas.toDataURL将导致图像。将图像插入 HTMLinnerHTML不是正确的方法。您应该将该图像设置为<img>标签的来源。假设img_prev是一个<img>标签，那么：

    document.getElementById("img_prev").src= image;