我正在尝试拍摄网页中iframe的屏幕截图.
在我的特定情况下,iframe包含我的客户商店之一的街景视图.
就我搜索和阅读而言,我没有找到任何解决方案.

我知道有像Html2Canvas和Canvas2Image这样的JavaScript库,但是它们无法捕获iframe.

Here是我正在研究的小提琴.

这些库可与除iframe之外的每个HTML元素一起正常使用.

这是小提琴的JavaScript：

$(function() { 
        $("#btnSave").click(function() { 
        html2canvas($("#widget"), {
            onrendered: function(canvas) {
                var context=canvas.getContext("2d"); // returns the 2d context object
                // Convert and download as image 
                theCanvas = canvas;
                document.body.appendChild(canvas);

                // Convert and download as image 
                Canvas2Image.saveAsPNG(canvas); 
                $("#img-out").append(canvas);
            }
        });
    });
});

是否存在其他任何捕获iframe的方式？
是否有任何付费的第三方服务可以做到这一点？

如果iframe无法解决任何问题,是否有其他选择可以实现我想做的事情？

请告诉我是否需要更多信息.

任何帮助将不胜感激.

提前致谢

解决方法:

在Firefox中,您只需右键单击iframe,然后在上下文菜单中查找“仅显示此框架”之类的内容.这样只会为您提供Iframe的上下文,然后您可以轻松提取屏幕截图.否则,您只需要一些绘图程序即可仅选择所需的内容,例如“剪裁工具”.