javascript - 将 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将生成图像。要将图像插入 HTML，innerHTML不是正确的方法。您应该将该图像设置为 <img> 的来源标签。假设 img_prev 是 <img>然后标记:

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