javascript - 捕获 iframe 的屏幕截图 - html2canvas 不工作

Question

我有以下 iframe:

<iframe name="content" src="" style="position: absolute; left: 0px; top: 28px;" allowtransparency="true" border="0" scrolling="yes" width="100%" frameborder="0" height="90%" id="MyFrame"></iframe>

我只是想捕获 iframe 内容的屏幕截图，我试过 html2canvas 但它似乎不起作用。我试过将 iframe 放在 div 中，但没有成功。

我见过使用 php 实现此目的的各种方法，但似乎都不清楚。任何人都可以阐明吗？

Answer 1

它写在文档的限制部分:http://html2canvas.hertzen.com/documentation.html#limitations .

The script doesn't render plugin content such as Flash or Java applets. It doesn't render iframe content either.

使用 JS 的屏幕捕获会引发安全问题。

最近我一直在尝试使用 carota ( https://github.com/danielearwicker/carota) 在 Canvas 上呈现 HTML 文本，并取得了一些成功。但是，它只处理一小部分 HTML。

还有 SVG foreignobject 方法可以在 Canvas 中呈现 DOM 对象:https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Drawing_DOM_objects_into_a_canvas

不幸的是，它没有在 IE 中实现，包括 IE 11。