javascript - 在加载 collada 纹理数据时对其进行操作（.jpg 本身）

Question

我想在使用three.js 加载.jpg 纹理时操作纹理图像数据（例如修改.jpg 标题文本）。

我怎么能这样做？纹理数据是否可以在代码中的某个位置（例如作为字符串）到达？

Answer 1

您可以使用 2D<canvas>作为纹理源，从而在将<canvas>纹理数据上传到 GPU 之前使用 HTML5 canvas API 进行图像数据处理。

此处存在示例（用于调整过大 JPEG 的大小）

只需创建画布

https://github.com/miohtama/Krusovice/blob/master/src/showobjects/framedimage.js#L134

从原始纹理数据中对其进行 drawImage()

https://github.com/miohtama/Krusovice/blob/master/src/showobjects/framedimage.js#L165

然后你可以将它用作纹理源，如<img>

https://github.com/miohtama/Krusovice/blob/master/src/renderers/three.js#L396