JavaScript 画布通用 drawImage

Question

我一直在使用 drawImage 来使一些视频爆炸，如本教程中所述： http://www.craftymind.com/factory/html5video/CanvasVideo.html

我还希望能够使用 drawImage 操作其他对象。问题是，当我在除图像/视频（例如 Iframe）之外的任何内容上尝试此操作时，会出现类型错误。

• 有什么办法可以解决这个问题吗？
• 有没有办法在我的 html5 页面上获取任意控件的“像素”？

Answer 1

简单地说，你不能。 Canvas 是一个像素操作的沙箱。网页上的其他元素很像矢量图形，您只能操作它们的某些属性，例如：宽度、高度、颜色、位置等。

但这被认为是一件好事。想象一下，如果所有内容都可以逐个像素地操作，那么渲染单个页面将意味着多少额外的工作。还要考虑到硬件加速是一个相当新的领域，网站应该在具有不同计算能力的设备上运行。

尽管超文本网络在成为交互式应用平台方面已经走了很长一段路，但技术边界仍然限制了与原生应用的视觉/性能特征竞争的某些领域。