javascript - JavaScript 画布通用 drawImage

Question

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

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

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

Answer 1

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

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

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