如何使用html2canvas獲取圖像的截圖？

我想使用html2canvas保存圖像的截圖。以下是我的代碼：如何使用html2canvas獲取圖像的截圖？

 var a = document.getElementById('a2') 
     html2canvas(document.getElementById('a1'), { 
      onrendered: function(canvas) { 
      var img = canvas.toDataURL("image/jpeg"); 
      window.open(img); 
        } 
     }

但是，代碼保存本地圖像的屏幕截圖。但對於來自外部源的圖像，如： http://europa.promaticstechnologies.com/QuotePic/img/QuotePro/bg1.jpg 給我黑色截圖。請協助。

來源

2017-04-20 Gagzzz

可能是因爲交叉來源 –

檢查此鏈接可能對其有用http://stackoverflow.com/questions/10457608/create-screenshot-of-webpage-using-html2canvas-unable-to-initialize-properly –

要使用來自外部域的圖像，您可能需要使用crossOrigin屬性和當前日期作爲src屬性的參數。

例如

var image = document.createElement('img'); 
image.onload = function() { 
// onload callback 
} 
image.setAttribute('crossOrigin', ''); 
image.src = url + '?' + new Date().getTime();

查看this瞭解詳情。

來源

2017-04-20 09:00:00

它說image.setAttribute不是一個函數。 – Gagzzz

如何使用html2canvas獲取圖像的截圖？

回答

相關問題