CN105096367A - 优化Canvas绘制性能的方法及装置 - Google Patents
优化Canvas绘制性能的方法及装置 Download PDFInfo
- Publication number
- CN105096367A CN105096367A CN201410183109.3A CN201410183109A CN105096367A CN 105096367 A CN105096367 A CN 105096367A CN 201410183109 A CN201410183109 A CN 201410183109A CN 105096367 A CN105096367 A CN 105096367A
- Authority
- CN
- China
- Prior art keywords
- compressed textures
- uncompressed bitmaps
- bitmaps
- uncompressed
- compression
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Landscapes
- Compression, Expansion, Code Conversion, And Decoders (AREA)
Abstract
本发明提供一种优化Canvas绘制性能的方法及装置,其中的方法包括:压缩解码后的非压缩位图,获得与非压缩位图相对应的压缩纹理数据;根据压缩纹理数据创建非压缩位图的压缩纹理;将压缩纹理绘制到Canvas上。通过本发明能够减少纹理对内存的占用量,同时提高GPU对纹理进行贴图操作的性能。
Description
技术领域
本发明涉及移动通信技术领域,更为具体地,涉及一种优化Canvas绘制性能的方法及装置。
背景技术
随着HTML5的兴起,尤其是Canvas的引入,使得Web页面的开发者完全不需要借助Flash或者Silverlight之类的插件,便可以实现直接在网页中创建并操作动画,网页游戏便是最好的应用之一。
通常一些HTML5Canvas网页游戏需要在Canvas上绘制大量的图片,例如背景、人物、前景修饰等等。这些图片一般使用PNG或者JPEG图像压缩格式进行编码,GPU(显卡处理器)在绘制这些图片时,需要先将图片进行解码得到一个非压缩的位图,然后再将这个非压缩的位图上传到纹理缓存区创建一个非压缩的纹理,最后通过贴图操作将这个非压缩的纹理绘制到Canvas上面。
由于绘制到Canvas上面的纹理是非压缩的,因此占用的移动终端的内存较大,同时GPU在对非压缩的纹理进行贴图操作时,还需要多次访问内存,如此便造成GPU对纹理进行贴图操作的性能较差。
发明内容
鉴于上述问题,本发明的目的是提供一种优化Canvas绘制性能的方法及装置,以减少纹理对内存的占用,且能减少GPU对纹理进行贴图时访问内存的次数,进而提高GPU对纹理进行贴图操作的性能。
根据本发明的一个方面,提供一种优化Canvas绘制性能的方法,包括:
压缩解码后的非压缩位图,生成与所述非压缩位图相对应的压缩纹理数据;
根据所述压缩纹理数据创建所述非压缩位图的压缩纹理;
将所述压缩纹理绘制到Canvas上。
其中,在压缩解码后的非压缩位图生成与所述非压缩位图相对应的压缩纹理数据的过程中,通过在后台运行的纹理压缩线程将所述非压缩位图进行压缩生成与所述非压缩位图相对应的压缩纹理数据。
其中,在生成与所述非压缩位图相对应的压缩纹理数据后,将所述压缩纹理数据存储于缓存区。
其中,根据所述压缩纹理数据创建所述非压缩位图的压缩纹理前包括:
查找所述缓存区中是否存在所述压缩纹理数据,
当所述缓存区中存在所述压缩纹理数据时,从所述缓存区中获取所述压缩纹理数据。
其中,压缩解码后的非压缩位图,生成与所述非压缩位图相对应的压缩纹理数据前包括:
根据预设条件判断所述非压缩位图是否能够进行纹理压缩,其中,
所述预设条件为:非压缩位图为不可变、非压缩位图的宽度小于或者等于设备支持的最大纹理宽度并且大于或者等于128像素、所述非压缩位图的绘制次数超过设定的阈值;
当所述非压缩位图满足上述预设条件中的一项或者多项组合时,即判断所述非压缩位图能够进行纹理压缩。
另一方面,本发明还提供一种优化Canvas绘制性能的装置,包括:
压缩纹理数据生成单元,用于压缩解码后的非压缩位图,生成与所述非压缩位图相对应的压缩纹理数据;
压缩纹理创建单元,用于根据所述压缩纹理数据生成单元所生成的压缩纹理数据创建所述非压缩位图的压缩纹理;
绘制单元,用于将所述压缩纹理创建单元所创建的压缩纹理绘制到Canvas上。
其中,所述压缩纹理数据生成单元包括,压缩模块和生成模块,
压缩模块用于压缩解码后的非压缩位图;生成模块用于生成与所述非压缩位图相对应的压缩纹理数据。
进一步包括存储单元,用于将压缩纹理数据生成单元生成的与所述非压缩位图相对应的压缩纹理数据与非压缩位图的位图ID相对应的存储。
其中,所述压缩纹理创建单元进一步包括:
压缩纹理数据获取单元,用于查找所述存储单元中是否存在所述压缩纹理数据,当所述存储单元中存在所述压缩纹理数据时,从所述存储单元中获取所述压缩纹理数据,根据所获取的压缩纹理数据创建所述非压缩位图的压缩纹理。
进一步包括还包括判断单元,用于根据预设条件判断所述非压缩位图是否能够进行纹理压缩,其中,
所述预设条件为:非压缩位图为不可变、非压缩位图的宽度小于或者等于设备支持的最大纹理宽度并且大于或者等于128像素、所述非压缩位图的绘制次数超过设定的阈值;
当所述非压缩位图满足上述预设条件中的一项或者多项组合时,即判断所述非压缩位图能够进行纹理压缩。
根据本发明提供的优化Canvas绘制性能的方法及装置,首先对要绘制到Canvas上的图片进行解码,将解码后的位图实时进行压缩,之后创建一个压缩纹理,然后将压缩纹理绘制到Canvas上。由于本发明对要绘制到Canvas上的图片的解码后的位图数据进行了实时压缩,创建了一个压缩格式的纹理,从而能够减少纹理对内存的占用,进一步提高GPU对纹理进行贴图操作的性能。
为了实现上述以及相关目的,本发明的一个或多个方面包括后面将详细说明并在权利要求中特别指出的特征。下面的说明以及附图详细说明了本发明的某些示例性方面。然而,这些方面指示的仅仅是可使用本发明的原理的各种方式中的一些方式。此外,本发明旨在包括所有这些方面以及它们的等同物。
附图说明
通过参考以下结合附图的说明及权利要求书的内容,并且随着对本发明的更全面理解,本发明的其它目的及结果将更加明白及易于理解。在附图中:
图1为根据本发明实施例的优化Canvas绘制性能的方法的流程示意图;
图2为根据本发明实施例的优化Canvas绘制性能的方法的详细流程示意图;
图3为根据本发明实施例的优化Canvas绘制性能的装置逻辑结构框图。
在所有附图中相同的标号指示相似或相应的特征或功能。
具体实施方式
以下将结合附图对本发明的具体实施例进行详细描述。
针对前述现有的贴图操作存在纹理占用内存较大且贴图操作的性能也较差的问题。本发明首先对要绘制到Canvas上的图片进行解码,将解码后的位图实时进行压缩,之后创建一个压缩纹理,然后将压缩纹理绘制到Canvas上。通过本发明能够减少纹理对内存的占用,且能减少GPU对纹理进行贴图时访问内存的次数进一步提高GPU对纹理进行贴图操作的性能。
需要说明的是,本发明中所提到的Canvas绘制性能指的是GPU通过贴图操作将纹理绘制到Canvas上的性能,也就指的是GPU对纹理进行贴图操作的性能。
为了使本技术领域的人员更好地理解本发明实施例中的技术方案,并使本发明实施例的上述目的、特征和优点能够更加明显易懂,下面结合附图对本发明实施例中技术方案作进一步详细的说明。
为了说明本发明提供的优化Canvas绘制性能的方法,图1示出了根据本发明实施例的优化Canvas绘制性能的方法的流程示意图。如图1所示,本发明提供的优化Canvas绘制性能的方法包括:
S110:压缩解码后的非压缩位图,生成与非压缩位图相对应的压缩纹理数据。
具体地,对图片进行解码获得与图片相对应的非压缩位图。由于位图能够十分容易的模拟出像照片一样的真实效果,因而能够在后续的操作(例如贴图操作)中保证图片的质量。其中,在对图片进行解码获得与该图片相对应的位图时,该图片可以是PNG、JPG或者JPEG等任意格式的图片,而对图片进行解码后获得的与该图片相对应位图则是一个非压缩的位图。
需要说明的是,由于浏览器要显示的每个图片都必须先解码才能显示,而在HTML5Canvas网页游戏中很多图片是会重复被绘制,一幅图可能在一秒钟内被重复绘制很多次。所以在浏览器执行HTML5Canvas网页游戏的时候。会首先将要显示的图片解码成非压缩的位图存储于存储位图数据的缓存区。该位图数据的缓存区用于存储位图的文件来源、位图原始的数据、位图解码后的数据以及位图的ID等信息。如果某个图片在第一次被绘制时还没有生成解码后的数据,浏览器就会先对该图片进行解码,也就是说如果浏览器接收到一个要绘制某个位图的指令后,首先会去存储位图的数据的缓存区查找这个位图的解码后的数据,如果没有解码后的数据就用位图的原始数据进行解码。
另外,需要说明的是,在此步骤中生成的压缩纹理数据为GPU支持的压缩纹理格式数据,目前GPU支持的压缩纹理格式有ETC1、ETC2等。
在优选的实施例中,在压缩解码后的非压缩位图生成与非压缩位图相对应的压缩纹理数据的过程前,根据预设条件判断非压缩位图是否能够进行纹理压缩。根据预设条件判断非压缩位图是否能够进行纹理压缩的预设条件包括下面一项或者多项的组合,即非压缩位图为不可变、非压缩位图的宽度小于或者等于设备支持的最大纹理宽度并且大于或者等于128像素、所述非压缩位图的绘制次数超过设定的阈值。
即当浏览器检查到一个非压缩位图将要被绘制到Canvas上时,首先位图数据的缓存区查找该非压缩位图的,找到后需要对该非压缩位图进行检查,以判断该位图是否满足进行纹理压缩的条件。具体根据如下条件进行判断:
1、该位图必须是不可变的。也就是说该位图是从外部加载的图片资源而不是程序动态创建的。因为只有从外部加载的图片才不会改变图片的数据,而程序动态创建的图片则有可能随着程序的改变而相应改变。
2、该位图的宽度小于或者等于终端系统所支持的最大纹理宽度并且大于或等于128像素。在此需要说明的是,终端系统所支持的最大纹理宽度取决于不同的硬件设备。
3、该位图被绘制的次数需超过一定的阈值。一般来说这个阈值是预设的,目的是为了避免只对绘制一次的图片进行压缩。例如有些Canvas游戏(即在Canvas绘制图片的网页游戏)使用Off-ScreenCanvas作为原图的替代品,在这种情况下图片只会被绘制一次,如果将其进行纹理压缩后再进行绘制则对其进行压缩后进行绘制的效果不是很明显。本实施例中所述阈值设置为60。
同时由于最终生成的压缩纹理数据为GPU支持的压缩纹理格式数据,而由于生成不同的GPU支持的压缩纹理格式则对所述非压缩位图也有一定的限制,例如,如果压缩成ETC1的格式,则在上述判断条件中增加该位图是不透明的,因为使用的压缩格式是ETC1,默认不支持Alpha通道,后面需要额外处理;如果压缩成ETC2的格式,则不需要要求位图为不透明就可以对透明图片进行压缩,因为其支持Alpha通道的纹理压缩格式。
ETC1是GLES2的标准压缩纹理格式,ETC2是GLES3的标准压缩纹理格式。
需要说明的是,上述条件是根据目前的技术而相应设定的,在未来这些条件也有可能发生变化,到时只需将发生变化的条件相应的加入到预设的条件中即可。
在进一步优选实施例中,压缩解码后的非压缩位图,生成与非压缩位图相对应的压缩纹理数据是通过在后台运行的纹理压缩线程将非压缩位图进行压缩生成与非压缩位图相对应的压缩纹理数据。
即当判断出非压缩位图可以进行纹理压缩,则产生一个纹理压缩命令放入纹理压缩线程的命令队列里面等待压缩。具体地,由CPU在后台线程运行一个纹理压缩算法,将非压缩位图编码成压缩纹理数据,即纹理压缩线程在后台执行纹理压缩算法将非压缩位图编码成压缩纹理数据。这里的纹理压缩算法为GPU支持的压缩纹理格式对应的标准算法。即如果压缩为ETC1则为ETC1标准算法,如果压缩为ETC2则为ETC2标准算法。
在进一步优选实施例中,将所述压缩纹理数据存储于缓存区中。也就是说,在纹理压缩线程完成一个非压缩的位图压缩后,生成一个压缩后的压缩纹理数据对象存储于缓存区中。此步骤中是将需要绘制的非压缩位图的ID与压缩纹理数据对象对应的存储于缓存区中。本实施例通过后台线程进行压缩则可以避免阻塞Canvas的渲染线程,即避免GPU执行贴图的线程阻塞。
S120:根据压缩纹理数据创建非压缩位图的压缩纹理。
其中,在根据压缩纹理数据创建非压缩位图的压缩纹理的过程前,需要查找所述缓存区中是否存在所述压缩纹理数据,即根据需要绘制的非压缩位图的ID在缓存区中查找对应的压缩纹理对象。由于非压缩位图是不可变的,因此非压缩位图的ID值不会发生变化,使用非压缩位图的ID作为键值进行查找能够确保查找的准确性。
当确定缓存区中确实有与非压缩位图相对应的压缩纹理数据对象时,则直接从缓存区中获取相应的压缩纹理数据,调用GL的API来创建压缩纹理。
S130:将压缩纹理绘制到Canvas上。
具体地,GPU通过贴图操作将压缩纹理绘制到Canvas上。GPU既可以通过贴图操作将非压缩的纹理绘制到Canvas上,也可以通过贴图操作将符合其格式要求的压缩的纹理绘制到Canvas上。而同一个位图的压缩的纹理相比于非压缩的纹理,其占用的内存空间较小,会使得单位像素需要访问内存的次数也减少,进一步提高GPU对纹理进行贴图操作的性能。
需要说明的是,由于GPU不能直接访问位图,因此要使用GPU去绘制位图则必须先生成位图相应的纹理供GPU进行贴图操作。
然而本发明中,也有可能出现另外一种情况,即纹理压缩线程还没有完成对即将要使用的非压缩位图进行压缩,因而此时缓存区中并没有与该非压缩位图相对应的压缩纹理数据。当缓存区中没有与非压缩位图相对应的压缩纹理数据时,则沿用以前的方式,先针对这个非压缩位图创建一个非压缩的纹理暂时使用,直到相应的压缩纹理创建完成为止。
通过上述实施例可以看出,本发明提供的优化Canvas绘制性能的方法,先通过对图片进行解码得到的该图片的非压缩位图,然后对该非压缩位图进行实时压缩生成GPU支持的压缩纹理格式数据,进而再生成一个压缩纹理供GPU进行贴图操作。压缩纹理不但占用内存更小,并且GPU使用压缩纹理进行贴图时,需要访问内存的次数也较少,贴图操作也会更快。
为了更为详细地说明本发明提供的优化Canvas绘制性能的方法,图2示出了根据本发明实施例的优化Canvas绘制性能的方法的详细流程。如图2所示:
S201:浏览器检测到非压缩位图将要被绘制到Canvas上。
S202:判断非压缩位图数据存储器上是否有与将要被绘制到Canvas上的非压缩位图相对应的解码数据,如果没有进入步骤S203,如果有则进入步骤S204。
S203:用非压缩位图的原始数据进行解码,获得解码数据。
S204:判断该非压缩位图能否被压缩成GPU所支持的格式,如果不能被压缩成GPU支持的格式进入步骤205,如果能则进入步骤S206。
S205:GPU通过贴图操作将非压缩位图的非压缩纹理绘制到Canvas上。此处需要说明的是,如果非压缩位图不能被压缩,则GPU通过贴图操作只能将非压缩位图的非压缩纹理绘制到Canvas上。
S206:判断非压缩位图是否已经生成对应的压缩纹理,如果已经生成则进入步骤S207,否则进入S208。
S207:GPU通过贴图操作将压缩纹理绘制到Canvas上。
S208:判断缓存区中是否有对应的压缩纹理数据对象,如果有进入步骤S209,否则进入步骤S210。
S209:根据压缩纹理数据创建非压缩位图的压缩纹理,然后进入步骤S207。
S210:通过后台运行的纹理压缩线程将非压缩位图解码后进行压缩获得对应的压缩纹理数据。
S211:将压缩数据生成对应的压缩纹理数据对象存储于缓存区中,然后进入步骤S209和S207。
通过图1和图2所示的流程可以看出,本发明提供的优化Canvas绘制性能的方法,减少了纹理占用的内存大小,内存占用是非压缩纹理情况下的1/8,减少了内存访问次数,假设非压缩位图的一个像素为32bit,即4个字节,而压缩后的位图的一个像素为4bit,即半个字节,原先绘制非压缩位图8个像素时需要访问8次内存,而绘制压缩位图的8个像素只需要访问一次内存;所以能减少内存访问次数,提高GPU对贴图操作的性能,GPU贴图操作性能可以提高15%~20%。
与上述方法相对应,本发明还提供一种优化Canvas绘制性能的装置,图3示出了根据本发明实施例的优化Canvas绘制性能的装置逻辑结构。
如图3所示,本发明提供的优化Canvas绘制性能的装置300包括压缩纹理数据生成单元压缩纹理数据生成单元310、压缩纹理创建单元320和绘制单元330。
其中,压缩纹理数据生成单元压缩纹理数据生成单元310用于压缩解码后的非压缩位图,生成与非压缩位图相对应的压缩纹理数据。
具体地,对图片进行解码获得与图片相对应的非压缩位图。由于位图能够十分容易的模拟出像照片一样的真实效果,因而能够在后续的操作(例如贴图操作)中保证图片的质量。其中,在对图片进行解码获得与该图片相对应的位图时,该图片可以是PNG、JPG或者JPEG等任意格式的图片,而对图片进行解码后获得的与该图片相对应位图则是一个非压缩的位图。
需要说明的是,由于浏览器要显示的每个图片都必须先解码才能显示,而在HTML5Canvas网页游戏中很多图片是会重复被绘制,一幅图可能在一秒钟内被重复绘制很多次。所以在浏览器执行HTML5Canvas网页游戏的时候。会首先将要显示的图片解码成非压缩的位图存储于存储位图数据的缓存区。该位图数据的缓存区用于存储位图的文件来源、位图原始的数据、位图解码后的数据以及位图的ID等信息。如果某个图片在第一次被绘制时还没有生成解码后的数据,浏览器就会先对该图片进行解码,也就是说如果浏览器接收到一个要绘制某个位图的指令后,首先会去存储位图的数据的缓存区查找这个位图的解码后的数据,如果没有解码后的数据就用位图的原始数据进行解码。
另外,需要说明的是,在压缩纹理数据生成单元310中生成的压缩纹理数据为GPU支持的压缩纹理格式数据,目前GPU支持的压缩纹理格式有ETC1、ETC2等。
其中,优选的实施例中还包括判断单元(图中未示出),用于在压缩解码后的非压缩位图获得与非压缩位图相对应的压缩纹理数据的过程前,根据预设条件判断非压缩位图是否能够进行纹理压缩。
在根据预设条件判断非压缩位图是否能够进行纹理压缩的预设条件包括下面一项或者多项的组合,即非压缩位图为不可变、非压缩位图的宽度小于或者等于设备支持的最大纹理宽度并且大于或者等于128像素、所述非压缩位图的绘制次数超过设定的阈值。
同时由于生成的压缩纹理数据为GPU支持的压缩纹理格式数据,而由于生成不同的GPU支持的压缩纹理格式则对所述非压缩位图也有一定的限制,例如,如果压缩成ETC1的格式,则在上述判断条件中增加该位图是不透明的,因为使用的压缩格式是ETC1,默认不支持Alpha通道,后面需要额外处理;如果压缩成ETC2的格式,则不需要要求位图为不透明就可以对透明图片进行压缩,因为其支持Alpha通道的纹理压缩格式。
ETC1是GLES2的标准压缩纹理格式,ETC2是GLES3的标准压缩纹理格式。
需要说明的是,上述条件是根据目前的技术而相应设定的,在未来这些条件也有可能发生变化,到时只需将发生变化的条件相应的加入到预设的条件中即可。
在进一步优选实施例中,压缩纹理数据生成单元310包括压缩模块和生成模块(图中均未示出)。压缩模块用于压缩解码后的非压缩位图;生成模块用于生成与所述非压缩位图相对应的压缩纹理数据。即当判断单元判断出非压缩位图可以进行纹理压缩后,则产生一个纹理压缩命令发送给压缩模块,压缩模块将所述纹理压缩命令放入纹理压缩线程的命令队列里面等待压缩。具体地,由CPU在后台线程运行一个纹理压缩算法,将非压缩位图编码成压缩纹理数据,即纹理压缩线程在后台执行纹理压缩算法将非压缩位图编码成压缩纹理数据。这里的纹理压缩算法为GPU支持的压缩纹理格式对应的标准算法。即如果压缩为ETC1则为ETC1标准算法,如果压缩为ETC2则为ETC2标准算法。
其中,优选实施例中压缩纹理数据生成单元310还包括存储单元(图中未示出),将压缩纹理数据生成单元310生成的与所述非压缩位图相对应的压缩纹理数据与非压缩位图的位图ID相对应的存储。也就是说,在纹理压缩线程完成一个非压缩的位图压缩后,生成一个压缩后的压缩纹理数据对象存储于存储单元中,即存储于缓存区内。
压缩纹理创建单元320用于根据压缩纹理数据生成单元310所生成的压缩纹理数据创建非压缩位图的压缩纹理。
其中,压缩纹理创建单元320进一步包括压缩纹理数据获取单元(图中未示出),用于查找所述存储单元中是否存在所述压缩纹理数据,其中,在查找到存储单元中存在所述压缩纹理数据时,从所述存储单元中获取所述压缩纹理数据之后调用GL的API来创建压缩纹理。绘制单元330用于将压缩纹理创建单元320所创建的压缩纹理绘制到Canvas上。
具体地,GPU通过贴图操作将压缩纹理绘制到Canvas上。GPU既可以通过贴图操作将非压缩的纹理绘制到Canvas上,也可以通过贴图操作将符合其格式要求的压缩的纹理绘制到Canvas上。而同一个位图的压缩的纹理相比于非压缩的纹理,其占用的内存空间较小,会使得单位像素需要访问内存的次数也减少,进一步提高GPU对纹理进行贴图操作的性能。
需要说明的是,由于GPU不能直接访问位图,因此要使用GPU去绘制位图则必须先生成位图相应的纹理供GPU进行贴图操作。
然而本发明中,也有可能出现另外一种情况,即压缩单元还没有完成对即将要使用的非压缩位图进行压缩,因而此时存储单元中并没有与该非压缩位图相对应的压缩纹理数据。当存储单元中没有与非压缩位图相对应的压缩纹理数据时,则沿用以前的方式,先针对这个非压缩位图创建一个非压缩的纹理暂时使用,直到相应的压缩纹理创建完成为止。
如上所述,本发明所提供的优化Canvas绘制性能的方法及装置,通过实时纹理压缩将压缩后的纹理绘制到Canvas上能够减少纹理对内存的占用量,并提高GPU对纹理进行贴图操作的性能。
本领域普通技术人员可以意识到,结合本文中所公开的实施例描述的各示例的单元及算法步骤,能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行,取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能,但是这种实现不应认为超出本发明的范围。
所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的系统、装置和单元的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
在本申请所提供的几个实施例中,应该理解到,所揭露的系统、装置和方法,可以通过其它的方式实现。例如,以上所描述的装置实施例仅仅是示意性的,例如,所述单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,装置或单元的间接耦合或通信连接,可以是电性,机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本发明各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。
所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)或处理器(processor)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(ROM,Read-OnlyMemory)、随机存取存储器(RAM,RandomAccessMemory)、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述,仅为本发明的具体实施方式,但本发明的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本发明揭露的技术范围内,可轻易想到变化或替换,都应涵盖在本发明的保护范围之内。因此,本发明的保护范围应所述以权利要求的保护范围为准。
Claims (10)
1.一种优化Canvas绘制性能的方法,包括:
压缩解码后的非压缩位图,生成与所述非压缩位图相对应的压缩纹理数据;
根据所述压缩纹理数据创建所述非压缩位图的压缩纹理;
将所述压缩纹理绘制到Canvas上。
2.如权利要求1所述的优化Canvas绘制性能的方法,其中,在压缩解码后的非压缩位图生成与所述非压缩位图相对应的压缩纹理数据的过程中,通过在后台运行的纹理压缩线程将所述非压缩位图进行压缩生成与所述非压缩位图相对应的压缩纹理数据。
3.如权利要求2所述的优化Canvas绘制性能的方法,其中,在生成与所述非压缩位图相对应的压缩纹理数据后,将所述压缩纹理数据存储于缓存区。
4.如权利要求3所述的优化Canvas绘制性能的方法,其中,根据所述压缩纹理数据创建所述非压缩位图的压缩纹理前包括:
查找所述缓存区中是否存在所述压缩纹理数据,
当所述缓存区中存在所述压缩纹理数据时,从所述缓存区中获取所述压缩纹理数据。
5.如权利要求1-4任意一项所述的优化Canvas绘制性能的方法,其中,压缩解码后的非压缩位图,生成与所述非压缩位图相对应的压缩纹理数据前包括:
根据预设条件判断所述非压缩位图是否能够进行纹理压缩,其中,
所述预设条件为:非压缩位图为不可变、非压缩位图的宽度小于或者等于设备支持的最大纹理宽度并且大于或者等于128像素、所述非压缩位图的绘制次数超过设定的阈值;
当所述非压缩位图满足上述预设条件中的一项或者多项组合时,即判断所述非压缩位图能够进行纹理压缩。
6.一种优化Canvas绘制性能的装置,包括:
压缩纹理数据生成单元,用于压缩解码后的非压缩位图,生成与所述非压缩位图相对应的压缩纹理数据;
压缩纹理创建单元,用于根据所述压缩纹理数据生成单元所生成的压缩纹理数据创建所述非压缩位图的压缩纹理;
绘制单元,用于将所述压缩纹理创建单元所创建的压缩纹理绘制到Canvas上。
7.如权利要求6所述的优化Canvas绘制性能的装置,其中,所述压缩纹理数据生成单元包括,压缩模块和生成模块,
压缩模块用于压缩解码后的非压缩位图;生成模块用于生成与所述非压缩位图相对应的压缩纹理数据。
8.如权利要求6所述的优化Canvas绘制性能的装置,还包括:
存储单元,用于将压缩纹理数据生成单元生成的与所述非压缩位图相对应的压缩纹理数据与非压缩位图的位图ID相对应的存储。
9.如权利要求8所述的优化Canvas绘制性能的装置,其中,所述压缩纹理创建单元进一步包括:
压缩纹理数据获取单元,用于查找所述存储单元中是否存在所述压缩纹理数据,当所述存储单元中存在所述压缩纹理数据时,从所述存储单元中获取所述压缩纹理数据,根据所获取的压缩纹理数据创建所述非压缩位图的压缩纹理。
10.如权利要求7~9任意一项所述的优化Canvas绘制性能的装置,还包括判断单元,用于根据预设条件判断所述非压缩位图是否能够进行纹理压缩,其中,
所述预设条件为:非压缩位图为不可变、非压缩位图的宽度小于或者等于设备支持的最大纹理宽度并且大于或者等于128像素、所述非压缩位图的绘制次数超过设定的阈值;
当所述非压缩位图满足上述预设条件中的一项或者多项组合时,即判断所述非压缩位图能够进行纹理压缩。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410183109.3A CN105096367B (zh) | 2014-04-30 | 2014-04-30 | 优化Canvas绘制性能的方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410183109.3A CN105096367B (zh) | 2014-04-30 | 2014-04-30 | 优化Canvas绘制性能的方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN105096367A true CN105096367A (zh) | 2015-11-25 |
CN105096367B CN105096367B (zh) | 2018-07-13 |
Family
ID=54576701
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201410183109.3A Active CN105096367B (zh) | 2014-04-30 | 2014-04-30 | 优化Canvas绘制性能的方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN105096367B (zh) |
Cited By (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105678680A (zh) * | 2015-12-30 | 2016-06-15 | 魅族科技(中国)有限公司 | 一种图像处理的方法和装置 |
CN105787987A (zh) * | 2016-03-15 | 2016-07-20 | 广州爱九游信息技术有限公司 | 一种纹理处理方法及电子设备 |
CN108010109A (zh) * | 2017-12-22 | 2018-05-08 | 广州酷狗计算机科技有限公司 | 一种导出canvas动画文件的方法和装置 |
CN108460822A (zh) * | 2017-02-15 | 2018-08-28 | 上海银河数娱网络科技有限公司 | 纹理处理方法和装置 |
CN112040238A (zh) * | 2020-08-24 | 2020-12-04 | 广州启量信息科技有限公司 | 图像压缩方法及装置 |
WO2021013019A1 (zh) * | 2019-07-19 | 2021-01-28 | 华为技术有限公司 | 一种图片处理方法及装置 |
CN116862749A (zh) * | 2023-06-20 | 2023-10-10 | 北京麟卓信息科技有限公司 | 一种基于自适应解码缓存的压缩纹理渲染优化方法 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101120592A (zh) * | 2005-02-16 | 2008-02-06 | 汤姆逊许可公司 | 敏捷解码器 |
CN102099830A (zh) * | 2008-07-19 | 2011-06-15 | 寰宇娱乐(巴巴多斯)公司 | 通过平滑整个帧和覆盖保留细节改善压缩视频信号的质量的系统和方法 |
US8503829B2 (en) * | 2002-05-31 | 2013-08-06 | Innotive Corporation | Method for providing real-time service of huge and high quality digital image on internet |
CN103605534A (zh) * | 2013-10-31 | 2014-02-26 | 武汉极讯软件有限责任公司 | 图片加载方法及装置 |
-
2014
- 2014-04-30 CN CN201410183109.3A patent/CN105096367B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8503829B2 (en) * | 2002-05-31 | 2013-08-06 | Innotive Corporation | Method for providing real-time service of huge and high quality digital image on internet |
CN101120592A (zh) * | 2005-02-16 | 2008-02-06 | 汤姆逊许可公司 | 敏捷解码器 |
CN102099830A (zh) * | 2008-07-19 | 2011-06-15 | 寰宇娱乐(巴巴多斯)公司 | 通过平滑整个帧和覆盖保留细节改善压缩视频信号的质量的系统和方法 |
CN103605534A (zh) * | 2013-10-31 | 2014-02-26 | 武汉极讯软件有限责任公司 | 图片加载方法及装置 |
Cited By (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105678680A (zh) * | 2015-12-30 | 2016-06-15 | 魅族科技(中国)有限公司 | 一种图像处理的方法和装置 |
CN105787987A (zh) * | 2016-03-15 | 2016-07-20 | 广州爱九游信息技术有限公司 | 一种纹理处理方法及电子设备 |
CN108460822A (zh) * | 2017-02-15 | 2018-08-28 | 上海银河数娱网络科技有限公司 | 纹理处理方法和装置 |
CN108010109A (zh) * | 2017-12-22 | 2018-05-08 | 广州酷狗计算机科技有限公司 | 一种导出canvas动画文件的方法和装置 |
WO2021013019A1 (zh) * | 2019-07-19 | 2021-01-28 | 华为技术有限公司 | 一种图片处理方法及装置 |
EP3971818A4 (en) * | 2019-07-19 | 2022-08-10 | Huawei Technologies Co., Ltd. | IMAGE PROCESSING METHOD AND APPARATUS |
CN112040238A (zh) * | 2020-08-24 | 2020-12-04 | 广州启量信息科技有限公司 | 图像压缩方法及装置 |
CN112040238B (zh) * | 2020-08-24 | 2022-11-29 | 广州启量信息科技有限公司 | 图像压缩方法及装置 |
CN116862749A (zh) * | 2023-06-20 | 2023-10-10 | 北京麟卓信息科技有限公司 | 一种基于自适应解码缓存的压缩纹理渲染优化方法 |
CN116862749B (zh) * | 2023-06-20 | 2023-11-21 | 北京麟卓信息科技有限公司 | 一种基于自适应解码缓存的压缩纹理渲染优化方法 |
Also Published As
Publication number | Publication date |
---|---|
CN105096367B (zh) | 2018-07-13 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN105096367A (zh) | 优化Canvas绘制性能的方法及装置 | |
CN104540000B (zh) | 一种动态缩略图的生成方法及终端 | |
CN107886560B (zh) | 动画资源的处理方法及装置 | |
CN110324706B (zh) | 一种视频封面的生成方法、装置及计算机存储介质 | |
US10235738B2 (en) | Method of and apparatus for displaying an output surface in data processing systems | |
CN105205014A (zh) | 一种数据存储方法和装置 | |
CN105677259A (zh) | 一种移动终端中存储文件的方法及移动终端 | |
JP2008065834A (ja) | フュージョンメモリ装置及び方法 | |
CN113286005B (zh) | 抓屏方法、装置、电子设备及存储介质 | |
CN101714161A (zh) | 一种嵌入式浏览器缓存装置和方法 | |
CN104125458A (zh) | 内存数据无损压缩方法及装置 | |
CN106055294A (zh) | 一种图层合成优化方法和装置 | |
CN104410424B (zh) | 嵌入式设备内存数据的快速无损压缩方法 | |
CN103546161A (zh) | 基于二进制位处理的无损压缩方法 | |
CN114051145A (zh) | 一种视频压缩处理方法、装置及介质 | |
TWI634421B (zh) | 用以存取資料之電子裝置及其資料存取方法 | |
US9053526B2 (en) | Method and apparatus for encoding cloud display screen by using application programming interface information | |
KR102619668B1 (ko) | 슬라이스 업데이트 맵을 이용하는 장치 및 방법 | |
CN109088636B (zh) | 一种数据处理方法、系统及电子设备和存储介质 | |
CN113163198A (zh) | 图像压缩方法、解压方法、装置、设备及存储介质 | |
CN102982046B (zh) | 一种网页数据压缩存储方法和系统 | |
CN105791819B (zh) | 一种图像的帧压缩方法、图像的解压缩方法及装置 | |
CN105704215A (zh) | 文件共享系统及相应的文件发送、接收方法及装置 | |
CN106933499A (zh) | 一种提高mlc闪存系统性能的方法和装置 | |
CN105469433B (zh) | 一种图片压缩方法及其设备 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant | ||
TR01 | Transfer of patent right |
Effective date of registration: 20200527 Address after: 310052 room 508, floor 5, building 4, No. 699, Wangshang Road, Changhe street, Binjiang District, Hangzhou City, Zhejiang Province Patentee after: Alibaba (China) Co.,Ltd. Address before: 510665 Guangdong city of Guangzhou province Whampoa Tianhe District Road No. 163 Xiping Yun Lu Yun Ping B radio 16 floor tower square Patentee before: GUANGZHOU UCWEB COMPUTER TECHNOLOGY Co.,Ltd. |
|
TR01 | Transfer of patent right |