Javascript html2convas未捕获图像，版本4.1

我使用html2canvas来捕获特定div的屏幕截图，它可以很好地工作，但不能捕获该div中的图像

我的脚本代码如下：

<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);
});

var元素=$（“#html内容持有者”）；//全局变量
var getCanvas；//全局变量
$（“#btn预览图像”）。在（'单击'，函数（）{
html2canvas（元素{
日志记录：是的，
allowTaint:是的，
onrendered：函数（画布）{
$（“#预览图像”）.append（画布）；
getCanvas=canvas；
}
});
});
$（“#btn-Convert-Html2Image”）。在（'click'，函数（）{
var imgageData=getCanvas.toDataURL（“image/png”）；
//现在浏览器开始下载它，而不是仅仅显示它
var newData=imgageData.replace（/^data:image\/png/，“data:application/octet stream”）；
$（“#btn-Convert-Html2Image”）.attr（“下载”，“design.png”）.attr（“href”，newData）；
});

这是我面临的实时问题的链接，通过点击页面上出现的预览按钮来检查是否向下滚动一点

直接从

html2canvas上开始：

它也不会神奇地绕过任何浏览器内容策略限制，因此呈现跨源内容将需要一段时间才能将内容发送到服务器

因为您的图像位于
https://cdn.shopify.com
您的来源是
https://www.citystatebeads.com
，它不会渲染图像。
请稍候，我要更改特定文件夹中的图像路径，让我再试一次