Javascript 如何在WebGL';什么是texImage2D?

Javascript 如何在WebGL';什么是texImage2D?,javascript,webgl,crop,Javascript,Webgl,Crop,我正在使用WebGL,我可以成功地将视频元素渲染到WebGL上下文中。但是,我现在尝试在渲染之前裁剪这个视频元素。例如,我想取视频元素的上半部分,并在GL上下文的左半部分绘制它;下半部分在右半部分 在WebGL 1中,此“裁剪操作”的最佳实践是什么? 我已经知道我可以调整渲染左/右半部分的内容,但我似乎找不到如何裁剪 如果支持视频元素的偏移量和尺寸参数,那就好了,但事实并非如此 也许我可以在纹理参数或其他方面对此进行调整?在WebGL1中,在texImage2D级别进行裁剪并不容易。我建议您将

我正在使用WebGL,我可以成功地将视频元素渲染到WebGL上下文中。但是,我现在尝试在渲染之前裁剪这个视频元素。例如,我想取视频元素的上半部分,并在GL上下文的左半部分绘制它;下半部分在右半部分

在WebGL 1中,此“裁剪操作”的最佳实践是什么?

我已经知道我可以调整渲染左/右半部分的内容,但我似乎找不到如何裁剪

如果支持视频元素的偏移量和尺寸参数,那就好了,但事实并非如此


也许我可以在纹理参数或其他方面对此进行调整?

在WebGL1中,在
texImage2D
级别进行裁剪并不容易。我建议您将整个视频帧放入一个纹理中,然后在渲染时使用纹理坐标选择要在每个区域显示的纹理部分

与我用于3d插槽的原理相同示例:,使用blender或任何3d应用程序进行建模和设置TextoreRecord(UV编辑器)。在uv编辑器中,可以(裁剪)在两个部分上水平拆分。