捕獲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 。

該腳本不會呈現Flash或Java applet之類的插件內容。 它也不會呈現iframe內容。

使用JS截屏會引發安全問題。

最近，我一直在嘗試用carota（ https://github.com/danielearwicker/carota ）取得一些成功，以便在畫布上呈現HTML文本。 但是，它僅處理HTML的一小部分。

還有SVG foreignobject方法，可以在畫布上呈現DOM對象： https : //developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API/Drawing_DOM_objects_into_a_canvas

不幸的是，它沒有在包括IE 11在內的IE中實現。