把iframe放在HTML5中的canvas元素中

Question

我的問題很簡單，其實我想把iframe元素（可以包含視頻，網頁，圖像，pdf等）顯示在元素上， 它不會不需要可編輯，只需顯示就足夠了

Answer 1

我不確定是要將它顯示在頂部還是將其繪製到畫布上。第一種可能是將元素完全放置在畫布上方（或者如果你想在畫布上畫更多東西）。第二個是不可能的（除非你在Chrome擴展或Firefox插件中運行，這不是我所假設的情況（如果是在cavnas上下文中調用DrawElement的情況））。有一些項目嘗試手動對頁面進行「屏幕截圖」（Can you take a "screenshot" of the page using Canvas?），但這仍然不適用於PDF文件。 html5視頻標籤中的視頻內容可以類似地手動繪製到畫布上，但同樣需要手動繪製控件等。

無法將整個元素繪製到畫布上的原因是爲了防止開發人員獲取有關外部頁面的信息（儘管已經討論過允許並接受畫布將受到污染'意味着什麼都不能被讀取，但是共識是將該元素定位在畫布下方，在這種情況下更有用）。如果您想閱讀這些安全性考慮事項，您應該在webkit引擎中查找Bug 69044。