如何处理超出 GL_MAX_TEXTURE_SIZE 的图片

最新推荐文章于 2024-05-27 14:34:27 发布
最新推荐文章于 2024-05-27 14:34:27 发布
阅读量7.9k 收藏 2
点赞数
CC 4.0 BY-SA版权
分类专栏： 编程语言及常见问题
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/chao56789/article/details/42105063

现在的照相机 动辄 照出 1300w 像素的在使用 opengl 处理时 会超出 纹理的限制

可用以下方法来判断

1 使用纹理代理的方法


                

        

    

    
  


        

            

                

                

                了解本专栏
                
                
                  
                订阅专栏 解锁全文
                 
                
                    
                    超级会员免费看
                
            

            
            
            
        


    



                



	

		

			

				
					
通过OpenGL ES混合模式缩放视频缓冲区来适应显示尺寸

				
			

			

				

					gxflh的博客
				

				

					04-20
					
					2071
					
				

			

		

		

			
				
通过OpenGL ES混合模式缩放视频缓冲区来适应显示尺


当开发基于软件模式的游戏时，通过缩放视频缓冲区来适应显示尺寸是最棘手的问题之一。当面对众多不同的分辨率时(比如开放环境下的Android)，该问题会变得更加麻烦，作为开发人员，我们必须尝试在性能与显示质量之间找到最佳平衡点。正如我们在第2章中看到的，缩放视频缓冲区从最慢到最快共有3种类型。 

软件模拟：3中类型中最慢，但最容

			
		

	



                

            
              



	

		

			

				
					
W/OpenGLRenderer: Bitmap too large to be uploaded into a texture (1080x4196, max=4096x4096)

				
			

			

				

					musk6的博客
				

				

					03-07
					
					2279
					
				

			

		

		

			
				
-----当Bitmap大到超出gl_max_texture_size，就会导致bitmap对象无法绘制到ImageView
     ----- 问题分析： 既然bitmap太大导致，那就分割大bitmap对象，然后用2个ImageView显示
        ------ 举例 -------
          -------  demo_layout.xml

			
		

	



              


  
              

                


	

		

			

				
					
C++学习（四七八）GL_MAX_TEXTURE_SIZE

				
			

			

				

					hankern的专栏
				

				

					01-17
					
					1168
					
				

			

		

		

			
				
GLint maxTextureSize;
glGetIntegerv(GL_MAX_TEXTURE_SIZE,&maxTextureSize);

获取最大纹理大小。






			
		

	





	

		

			

				
					
imageview设置图片时超长超大图片超出限制（OpenGLRenderer: Bitmap too large to be uploaded into a texture (996x9116, m...

				
			

			

				

					weixin_30252709的博客
				

				

					04-12
					
					506
					
				

			

		

		

			
				
问题：遇到超长图片，宽长等比缩放，比如宽度同屏幕同宽，长度等比放大，放到后遇到长度超出OpenGLRenderer的最大限制，导致图片无法显示出来：
解决办法：

            //图片超出GPU对于openglRender最大限制缩放处理
            if(height > getOpenglRenderLimitValue()){
            ...

			
		

	



		

			
		



	

		

			

				
					
OpenGL--多级纹理

				
			

			

				

					疯狂的程序员
				

				

					04-21
					
					3295
					
				

			

		

		

			
				
理论基础 
多级纹理(Mipmap)：就是分辨率递减的同一纹理，根据距离观察点的距离选着最适合的分辨率纹理。 
它主要解决两方面问题：一，闪烁，当屏幕上被渲染物体的表面与它所应用的纹理图像相比显得非常小时，就会出现闪烁。尤其当相机和物体在移动的时候，这种负面效果更容易被看到。二，性能问题，加载了大量的纹理数据之后，还要对其进行过滤处理（缩小），在屏幕上显示的只是一小部分。纹理越大，所造成的性能影响就

			
		

	





	

		

			

				
					
android opengl es 纹理 不同设备 白色,GL_MAX_TEXTURE_SIZE较低的Android设备上的纹理不良...

				
			

			

				

					weixin_35161750的博客
				

				

					06-02
					
					491
					
				

			

		

		

			
				
是的,很可能这是可能的.移动设备之间可能会有所不同. OpenGL ES 2.0规范说GL_MAX_TEXTURE_SIZE的最小值只有64！因此,检查游戏中的硬件上限是个好习惯.供应商只需要支持最少的规格,剩下的就是他们的选择.PowerVR MBX graphics hardware support textures up to 1024 x 1024 insize, while the Po...

			
		

	





	

		

			

				
					
OPENGL ES学习记录

				
			

			

				

					weixin_43648435的博客
				

				

					06-14
					
					365
					
				

			

		

		

			
				
OPENGL ES学习记录

			
		

	





	

		

			

				
					
OpenGL蓝宝书第六章代码疑虑：为什么使用了GL_TEXTURE_1D??纹理和顶点间的映射是如何实现？

				
			

			

				

					镜子蓝玉的专栏
				

				

					07-12
					
					2196
					
				

			

		

		

			
				
遇到一个大问题，明明加载纹理绑定的是GL_TEXTURE_2D
glUniform1i(locCloudTex, 1); //明明默认为0，参数却不是0.



可是原书中代码确是
glGenTextures(1, &uiTexture);
glBindTexture(GL_TEXTURE_1D, uiTexture); // 
LoadTGATexture("Clouds.tga

			
		

	





	

		

			

				
					
Android无法显示超大图问题的探索

				
			

			

				

					viclee
				

				

					08-22
					
					4954
					
				

			

		

		

			
				
       最近在做图片浏览功能时遇到了一个很蛋疼的问题，在开启硬件加速情况下，超大图无法正常显示（图的长宽有一个大于9000），而且程序不会crash，只是图片加载不出来，View显示为黑色。通过查看日志，发现系统打印出了下面的内容：

 


W  OpenGLRenderer( 4014): Bitmap too large to be uploaded into a texture (6...

			
		

	





	

		

			

				
					
《OpenGL编程指南》 笔记六 纹理（一）

				
			

			

				

					wwhx27的博客
				

				

					02-25
					
					1529
					
				

			

		

		

			
				
文章目录第六章 纹理6.1 纹理映射6.2 基本纹理类型6.3 创建和初始化纹理6.3.1 纹理格式内部格式外部格式6.4 代理纹理6.5 设置纹理数据6.5.1 显示设置纹理数据6.5.2 使用Pixel Unpack缓存6.5.3 从帧缓存拷贝数据6.5.4 从文件加载图像6.5.5 查询纹理数据6.5.6 纹理数据布局6.6 采样器对象6.6.1 采样器参数6.7 使用纹理6.7.1 纹理坐...

			
		

	





	

		

			

				
					
纹理过滤设置

				
			

			

				

					mumuyinyin的博客
				

				

					09-06
					
					912
					
				

			

		

		

			
				
mipmap记录

			
		

	





	

		

			

				
					
OPENGL ES 2.0 知识串讲 (10) ——OPENGL ES 详解IV(纹理优化)

				
			

			

				

					一个码农的博客
				

				

					12-26
					
					853
					
				

			

		

		

			
				
纹理时每个图形应用程序中的重要内容，对其使用不当就容易导致很严重的性能、内存、耗电等问题。然而，纹理在应用程序中，并不是一个独立的部分，它和各个系统都有着紧密的联系。

			
		

	





	

		

			

				
					
第十一课，纹理的使用入门 

				
			

			

				

					fengerfafa的专栏
				

				

					01-21
					
					2968
					
				

			

		

		

			
				
转自：http://www.programfan.com/club/post-244703.html我们在前一课中，学习了简单的像素操作，这意味着我们可以使用各种各样的BMP文件来丰富程序的显示效果，于是我们的OpenGL图形程序也不再像以前总是只显示几个多边形那样单调了。——但是这还不够。虽然我们可以将像素数据按照矩形进行缩小和放大，但是还不足以满足我们的要求。例如要将一幅世界地图绘制到一个

			
		

	





	

		

			

				
					
OpenGL（十五）——Qt OpenGL三种不同的纹理滤波方式、光照、物体的移动

				
			

			

				

					ifeng12358的博客
				

				

					07-26
					
					3870
					
				

			

		

		

			
				
本篇分享
1、如何使用三种不同的纹理滤波方式。
2、如何使用键盘来移动场景中的对象，
3、如何在OpenGL场景中应用简单的光照。

			
		

	





	

		

			

				
					
OpenGL入门学习[三]

				
			

			

				

					solemnizeljf的专栏
				

				

					01-09
					
					1103
					
				

			

		

		

			
				
OpenGL入门学习[三]  http://xiaxveliang.blog.163.com/blog/static/2970803420126246501930/


OpenGL入门学习[十一]
我们在前一课中，学习了简单的像素操作，这意味着我们可以使用各种各样的BMP文件来丰富程序的显示效果，于是我们的OpenGL图形程序也不再像以前总是只显示几个多边形那样单调了。——但是这还不够。

			
		

	





	

		

			

				
					
Unity Texture2D分平台压缩设置

				
			

			

				

					啊循的专栏
				

				

					01-18
					
					3238
					
				

			

		

		

			
				
记录一下怎么设置的代码片码，unity2017上测的可以


var importer = AssetImporter.GetAtPath(a2) as TextureImporter;
// 安卓设置
TextureImporterPlatformSettings androidSetting = new TextureImporterPlatformSettings();
androidSet...

			
		

	





	

		

			

				
					
Unity3D设置纹理格式

					
热门推荐

				
			

			

				

					MyArrow的专栏
				

				

					01-22
					
					4万+
					
				

			

		

		

			
				
1. 简介
    在PC上开发时，其天空盒的效果很好，但是为Android平台Build之后，其效果简直没法看。
    更为恼火的是，之后PC上的纹理效果也变差了，新加入的纹理效果都会变差，看其纹理格式，使用ETC进行了压缩。
2. Unity3D默认纹理格式问题
2.1 在导入时是否自动压缩
     Edit->Preferences...
 
当选择此选项之后，每当导入新的

			
		

	





	

		

			

				
					
Unity内存优化MaxTextureSize

				
			

			

				

					weixin_43970896的博客
				

				

					05-27
					
					361
					
				

			

		

		

			
				
只是简单的把图片的maxTextureSize设置成它本身的最大值还大的下一个。"UITools/选中的文件内图片压缩"

			
		

	





	

		

			

				
					
Cocos Creator + TiledMap制作瓦片地图部分经验总结

				
			

			

				

					Code Captain的专栏
				

				

					11-16
					
					2739
					
				

			

		

		

			
				
Cocos Creator + TiledMap制作瓦片地图部分经验总结

			
		

	





	

		

			

				
					
WebGL: INVALID_VALUE: texImage2D: no video问题解决

					
最新发布

				
			

			

				

					04-01
				

			

		

		

			
				
<think>好的，我需要解决用户提到的WebGL中`texImage2D`方法出现`INVALID_VALUE`错误的问题。首先，我应该回顾用户提供的引用内容，找出可能的原因和解决方案。

根据引用[1]，错误可能是由于视频可见尺寸为空导致的。也就是说，当尝试使用视频作为纹理源时，如果视频的宽度或高度为0，就会触发这个错误。因此，我需要检查传入`texImage2D`的源是否有效，尤其是视频元素是否已正确加载并具有可见的尺寸。

引用[2]提到在多次调用`gl.texImage2D`后出现错误，最终导致页面崩溃。这可能与资源管理有关，比如内存泄漏或未正确释放之前的纹理资源。需要确保在更新纹理时正确管理之前的纹理数据，避免重复分配导致内存不足。

引用[5]指出`INVALID_VALUE`错误可能与参数值超出有效范围有关，比如纹理尺寸不符合要求。WebGL要求纹理的宽度和高度必须是2的幂次方（对于非压缩纹理和某些情况），或者符合特定的尺寸限制。因此，需要检查传入的纹理尺寸是否符合规范，例如是否为2的幂次方，或者是否在设备支持的最大尺寸内。

接下来，我需要综合这些信息，整理出可能的原因和对应的解决方案。可能的错误原因包括：

1. **无效的源数据尺寸**：比如视频或图片的宽度或高度为0。
2. **不支持的纹理尺寸**：纹理的宽度或高度不符合WebGL的要求，如非2的幂次方，或超过最大允许值。
3. **参数类型或格式不匹配**：例如，`format`和`type`参数与实际数据不匹配。
4. **资源管理问题**：如重复调用`texImage2D`未正确处理之前的纹理，导致内存问题。

解决方案方面，需要逐一排查这些可能性。首先，确保源数据有效，例如等待视频元数据加载完成后再使用。其次，验证纹理尺寸是否符合要求，必要时调整尺寸或使用`gl.texParameteri`设置合适的参数。此外，检查参数是否正确，比如格式和类型是否与数据匹配。最后，确保及时释放不再使用的纹理资源，避免内存问题。

此外，用户提供的引用[4]提到鸿蒙系统中WebGL基于OpenGL ES，可能在某些设备上有特定的限制或行为，需要注意平台差异。

最后，需要给出具体的解决步骤，帮助用户逐步排查和解决问题，同时提醒他们在开发中注意调试工具的使用，如WebGL Inspector，以及跨平台兼容性问题。</think>### WebGL中`texImage2D`的`INVALID_VALUE`错误分析与解决

#### 错误原因
1. **无效的源数据尺寸**  
   - 当使用`HTMLVideoElement`或`HTMLImageElement`作为纹理源时，若其宽度或高度为0，会触发此错误[^1][^2]。例如视频未加载完成或图片加载失败。
   
2. **不支持的纹理尺寸**  
   - 纹理的宽度或高度不符合WebGL要求，例如：
     - 非2的幂次方（如非NPOT纹理）且未启用`gl.NON_POWER_OF_TWO`支持[^5]。
     - 超出设备支持的最大纹理尺寸（可通过`gl.getParameter(gl.MAX_TEXTURE_SIZE)`查询）[^5]。

3. **参数不匹配**  
   - `format`（如`gl.RGBA`）或`type`（如`gl.UNSIGNED_BYTE`）与实际数据类型不匹配[^5]。
   - `level`参数（多级渐远纹理层级）超出合理范围（如负数或过大值）。

4. **资源管理问题**  
   - 频繁调用`texImage2D`可能导致内存耗尽，尤其是未释放之前的纹理对象。

---

#### 解决方案

##### 1. 验证源数据的有效性
- **视频/图片加载完成后再使用**  
  确保视频元数据已加载（监听`loadedmetadata`事件）：
  ```javascript
  const video = document.createElement('video');
  video.addEventListener('loadedmetadata', () => {
      gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, video);
  });
  video.src = 'example.mp4';
  ```

- **检查源尺寸**  
  添加验证逻辑：
  ```javascript
  if (video.videoWidth === 0 || video.videoHeight === 0) {
      console.error('视频尺寸无效');
      return;
  }
  ```

##### 2. 调整纹理尺寸
- **使用2的幂次方尺寸**  
  若未启用NPOT支持，调整纹理尺寸为2的幂次方（如512x512）：
  ```javascript
  const width = Math.pow(2, Math.floor(Math.log2(video.videoWidth)));
  const height = Math.pow(2, Math.floor(Math.log2(video.videoHeight)));
  ```

- **查询设备支持的最大尺寸**  
  动态适配纹理大小：
  ```javascript
  const maxSize = gl.getParameter(gl.MAX_TEXTURE_SIZE);
  if (width > maxSize || height > maxSize) {
      console.error('纹理尺寸超出设备限制');
      return;
  }
  ```

##### 3. 检查参数合法性
- **确认`format`和`type`匹配**  
  例如，使用`gl.RGBA`格式时，数据类型应为`gl.UNSIGNED_BYTE`：
  ```javascript
  gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, source);
  ```

- **检查`level`参数范围**  
  多级渐远纹理的`level`需满足：  
  $$0 \leq \text{level} \leq \lfloor \log_2(\max(width, height)) \rfloor$$

##### 4. 优化资源管理
- **复用纹理对象**  
  避免频繁创建新纹理，可复用现有纹理对象：
  ```javascript
  if (!texture) {
      texture = gl.createTexture();
  }
  gl.bindTexture(gl.TEXTURE_2D, texture);
  gl.texImage2D(...);
  ```

- **及时释放资源**  
  不再使用的纹理调用`gl.deleteTexture(texture)`。

---

#### 调试建议
- 使用`WebGL Inspector`工具检查纹理参数和调用堆栈。
- 在调用`texImage2D`前添加错误检查：
  ```javascript
  const error = gl.getError();
  if (error !== gl.NO_ERROR) {
      console.error(`WebGL错误: ${error}`);
  }
  ```

---

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		
评论 1

	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值