我一直在使用drawImage来导致一些视频爆炸，正如本教程中所教的那样: http://www.craftymind.com/factory/html5video/CanvasVideo.html
我还希望能够使用drawImage 操作其他对象。问题是，当我在图像/视频(例如 Iframe)以外的任何内容上尝试此操作时，我收到类型错误。
- 有办法解决这个问题吗？
- 有没有办法获取 html5 页面上任意控件的“像素”？
最佳答案
简单地说，你不能。 Canvas 是一个像素操纵的沙箱。网页上的其他元素很像矢量图形，您只能操作它们的某些属性，例如:宽度、高度、颜色、位置等。
但这被认为是一件好事。想象一下，如果所有内容都可以逐像素操作，那么渲染单个页面将意味着多少额外工作。还要考虑到硬件加速是一个相当新的领域，网站应该在具有不同计算能力的设备上运行。
尽管超文本网络已经成为一个交互式应用程序平台，但技术边界仍然限制了与 native 应用程序的视觉/性能功能竞争的某些领域。
关于JavaScript Canvas 通用drawImage，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4186102/