html2canvasを使用してイメージのスクリーンショットを取得するにはどうすればよいですか？

Question

私は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 私に黒いスクリーンショットを与える。手伝ってください。

Answer 1

外部ドメインのイメージを使用するには、crossOrigin属性と現在の日付をsrc属性のパラメータとして使用することができます。

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

詳細については、thisを参照してください。