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，因此无法呈现图片。