JavaScript的帆布通用的drawImage

Question

我一直在使用的drawImage造成一些视频爆炸如本教程教： http://www.craftymind.com/factory/html5video/CanvasVideo.html

我想也能够操纵利用的drawImage其他对象。事情是，当我尝试除了图像/视频（例如Iframe）之外的任何其他内容时，出现类型错误。

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

Answer 1

简而言之，你不能。画布是一个像素操纵的沙箱。网页上的其他元素更像是矢量图形，您只能操纵它们的某些属性，如：宽度，高度，颜色，位置等。

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

尽管超文本网站已经走了很长的路要成为一个交互式应用程序平台，但技术边界仍然限制了一些本地应用程序的视觉/性能特征的竞争领域。