我无法截取 iframe 的屏幕截图答案

【问题标题】：I am unable to take screenshot of iframe我无法截取 iframe 的屏幕截图
【发布时间】：2019-07-22 05:56:42
【问题描述】：

我无法截取我的框架的屏幕截图

$(function() {     
    $(document).on("click","#btnSave",function(){
        html2canvas($("#widget"), {
            onrendered: function(canvas) {
                theCanvas = canvas;
                document.body.appendChild(canvas);
                $("#img-out").append(canvas);    
            }
        });    
}); 
    });

第一张图片是二维码

【问题讨论】：

你是怎么截屏的？
点击保存按钮
好像是重复票stackoverflow.com/q/52869639/1483629
从不同来源加载内容时，只有在该内容一开始就启用了 CORS 时，这才有可能。
还有其他可能的方法吗？因为它在同一个域上@misorude

标签： jquery css codeigniter

【解决方案1】：

Try This

      <div id="capture" style="padding: 10px; background: #f5da55">
        <h4 style="color: #000; ">Hello world!</h4>
      </div>
      <div id="click">Click To Capture</div>

脚本代码

        <script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.5.0-beta4/html2canvas.min.js"></script>

        <script type="text/javascript">
           $('#click').click(function(){
             html2canvas(document.querySelector("#capture")).then(canvas => {
           document.body.appendChild(canvas)
          });
         });
        </script>

【讨论】：

首先尝试创建新的项目模块，只有这段代码，然后比较你的代码是什么实际问题