Canvas 处理P3D：如何通过getUserMedia访问网络摄像头（javascript模式）

我想使用Processing.js访问网络摄像头，使用其图像数据在3d中执行一些操作。 这必须在Javascript模式下工作才能在网页中运行

这是P2D的工作流程（已测试并运行）： 在网页上创建视频元素。 使用getUserMedia将网络摄像头连接到视频元素。 通过externals属性获取画布和上下文（2d），以便在画布上绘制。 使用context.drawImage方法绘制和访问网络摄像头的像素数据

问题是： 在P3D中，画布的上下文不再是“CanvasRenderingContext2D”类型，而是“WebGLRenderingContext”类型。 “WebGLRenderingContext”没有方法drawImage。 因此，无法再绘制网络摄像头图像，也无法访问像素数据

---

请帮助，非常感谢。

即使是3d（Pjs的意思是WebGL模式，而不是P3D），该函数也应该可以正常工作？问题是您使用HTML5 canvas.context方法drawImage（）生成图像，而不是使用image（）处理方法。如果上下文是“WebGLRenderingContext”，则没有drawImage（）方法。不，我们没有？2D原型，z高度为0的3D原型，图像为纹理。