將iframe放在HTML5中的canvas元素中

Question

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

Answer 1

我不確定您是想在它上面顯示它還是將它繪制到畫布上。 第一種可能是將元素絕對定位在畫布上方（如果您想在其上繪制其他內容，則可以在其下方）。 第二個是不可能的（除非你在chrome擴展或firefox附加組件中運行，這不是我假設的情況（如果是這種情況，那么在cavnas上下文中函數被稱為DrawElement））。 有些項目試圖手動制作頁面的“屏幕截圖” （ 你可以使用Canvas獲取頁面的“截圖”嗎？ ），但這仍然無法用於pdf文件。 html5視頻標簽中的視頻內容可以類似地手動繪制到畫布上，但同樣必須手動繪制控件等。

之所以無法將整個元素繪制到畫布上是為了防止開發人員獲取有關外部頁面的信息，這是一種安全預防措施（盡管已經討論過允許這樣做並接受畫布將被“污染”意味着什么都沒有可以從中讀取，但大家一致認為將元素定位在畫布下方在這種情況下更有用）。 如果您想了解這些安全注意事項，您應該在webkit引擎中查找Bug 69044。