после преобразования 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;