html2convas不拍攝圖像，版本4.1

Question

我使用html2canvas捕獲特定的div的截圖，它工作正常，但在該分區

我的腳本代碼不caprturing圖像低於：

<script type="text/javascript"> 

var element = $("#html-content-holder"); // global variable 
var getCanvas; // global variable 

$("#btn-Preview-Image").on('click', function() { 
    html2canvas(element, { 
     logging: true, 
     allowTaint: true, 
     onrendered: function (canvas) { 
      $("#previewImage").append(canvas); 
      getCanvas = canvas; 
     } 

    }); 
}); 
$("#btn-Convert-Html2Image").on('click', function() { 
var imgageData = getCanvas.toDataURL("image/png"); 
// Now browser starts downloading it instead of just showing it 
var newData = imgageData.replace(/^data:image\/png/,"data:application/octet-stream"); 
$("#btn-Convert-Html2Image").attr("download", "design.png").attr("href", newData); 
}); 

這裏是活謂問題我面對的鏈接，確認通過點擊預覽按鈕出現在頁面滾動下來一點點 https://www.citystatebeads.com/pages/example-page

Answer 1

直起README上html2canvas：

它不會奇蹟般地繞過任何瀏覽器的內容政策限制要麼，所以呈現跨原屬含量將需要proxy獲取內容的same origin。

由於您的圖片位於https://cdn.shopify.com，而您的來源是https://www.citystatebeads.com，因此無法呈現圖片。