将iframe放入HTML5中的canvas元素中

put iframe inside a canvas element in HTML5

本文关键字：canvas 元素中的 HTML5 iframe 放入更新时间：2023-09-26

我的问题很简单，实际上我想把要显示的iframe元素（可以包含视频、网页、图像、pdf等）放在元素上，它不需要是可编辑的，只要显示就足够了

我不确定你是想把它显示在上面还是把它画在画布上。第一种方法可能是将元素绝对定位在画布上方（如果您想在画布上绘制其他内容，则可以在画布下方）。第二种是不可能的（除非你在chrome扩展或firefox插件中运行，我认为情况并非如此（如果是这样，函数在cavnas上下文中被称为DrawElement）。有一些项目试图手动制作页面的"屏幕截图"（你能用Canvas拍摄页面的"截图"吗？），但这仍然无法用于pdf文件。类似地，html5视频标签中的视频内容可以手动绘制到画布上，尽管控件等也必须手动绘制。

无法将整个元素绘制到画布的原因是为了防止开发人员获取有关外部页面的信息（尽管有人讨论过允许这样做，并接受画布会被"污染"，这意味着无法从中读取任何内容，但共识是，在这种情况下，将元素定位在画布下方要有用得多）。如果你想了解这些安全注意事项，你应该在webkit引擎中查找Bug 69044。