Открытие base64 изображение из html2canvas

Question

Я пытаюсь на самом деле просмотреть строковое изображение, которое html2canvas выполняет рендеринг. У меня есть веб-страница, которая открывается из гиперссылки. В конце концов, я хочу использовать кнопку «Изображение», чтобы сделать снимок экрана на веб-странице. Я получаю строку base64, но как мне просматривать строковое изображение?

 $(document).ready(function(){   

     html2canvas(document.body,{ 
      onrendered: function (canvas){ 
       var data = canvas.toDataURL(); 
       alert(data); 
      }, 
      width:300, 
      height:300 
     }); 

Answer 1

Вы что, добавляя что-то вроде data:image/png;base64, в строку base64, и использовать его в качестве источника для тега изображения, который вставляется где-то:

html2canvas(document.body,{ 
     onrendered: function (canvas){ 
      var data = canvas.toDataURL(); 
      var img = document.createElement('img'); 
      img.setAttribute('download','myImage.png'); 
      img.src = 'data:image/png;base64,' + data; 
      document.body.appendChild(img); 
     }, 
     width:300, 
     height:300 
    });