Question

我已多次尝试使用Html2Canvas将iframe捕获到屏幕截图中。但是没有来，除了iFrame，一切都将到来。

我有一个带有引导菜单和简单iframe的网页。我想在点击按钮时拍摄整页屏幕。

我可以知道代码实现中缺少的步骤。

  <input type="button" id="btnCapture" value="Capture" />

<script>
     $("#btnCapture").on("click", function () {
                captureAndUpload();
            });

    function captureAndUpload() {
            html2canvas(document.body, {
                onrendered: function (canvas) {
                    $.ajax({
                        url: "@Html.Raw(Url.Action("Action", "Controller"))",
                        data: { 'capturedShot': canvas.toDataURL("image/png") },
                        type: "POST",
                        dataType: "json",
                    success: function (result) {
                        alert("ScreenCaptured");
                    },
                    error: function () {
                        alert("fail");
                    }
                });
                }
            });
        }

<script>

你的答案会很明显。

Answer 1

它在documentation中表示不支持iframe：

该脚本不会呈现插件内容，例如Flash或Java小程序。 它不会呈现iframe内容。块引用

iFrame没有进入截图 - HTML2Canvas

1 个答案: