Html5 canvas 如何在webgl/opengl中将纹理分割为平铺并显示每个平铺的边框？

我正在尝试一个需要将图像分割成动态x、y部分并处理每个部分的应用程序

例如：如果图像的尺寸为500 X 800，其中宽度为500，高度为800。 我必须使用[32,32]来破坏图像：

xTiles=Math.ceil（500/32）=16；
yTiles=Math.ceil（800/32）=25

因此，瓷砖的数量为16 X 25=400。换句话说，整个图像被分成400个部分

现在，我需要用一些边框显示每个瓷砖，还需要分离纹理，以便可以分别处理它们

我不知道我在哪里可以保存这些400瓷砖纹理，保存为纹理将是一个很好的解决方案？或者将结果保存到具有不同坐标的单个纹理中

有人能为这类问题提出最好的解决方案吗

我正在使用Html5画布、WebGL、fabric.js、twgl.js库

---

我也可以使用帧缓冲区吗？

如果您已经尝试自己解决问题并发布了一些代码，那会有所帮助。提出“可能的最佳解决方案”完全超出了SO的范围。这将有助于您自己解决问题并发布一些代码。提出“可能的最佳解决方案”完全超出了SO的范围。