对图片进行处理的方法及装置的制造方法
【技术领域】
[0001]本发明涉及图片处理技术领域，特别是涉及一种对图片进行处理的方法及装置。
【背景技术】
[0002]浏览器对于网页图片的渲染的实现方式有两种:第一种，网页图片与网页上其他内容一起使用picturepile和surface来进行渲染，网页图片与网页的其他内容一起进行光栅化和组合。第二种，网页图片独立渲染，这种渲染方式使用图像纹理(imageTexture),单独处理一张图片的光栅化和组合，网页上的其他内容依然采用picturepile和surface来渲染。对于网页上一些图片的写法，出于正确性和性能的考虑，必须使用imageTexture进行渲染。
[0003]当前市场上的Android平台的浏览器对于网页进行夜间模式的处理时，对于以picturepile和surface方式渲染的网页内容,是在内核绘制网页的过程中添加颜色滤镜，即绘制网页时增加上颜色滤镜效果。
[0004]但是,在网页上的图片是使用imageTexture进行渲染时,对网页图片的渲染和网页其他内容的渲染是分开的，在对网页进行夜间模式处理时，只能给网页其他内容加上滤镜效果，不能实现网页图片的滤镜效果，因此，用户体验比较差。
【发明内容】
[0005]本发明主要解决的技术问题是提供一种对图片进行处理的方法，能够单独对网页图片实现滤镜效果，从而提闻用户体验。
[0006]为解决上述技术问题，本发明采用的一个技术方案是:提供一种对图片进行处理的方法，所述方法包括:在接收到网页渲染指令后，生成包含颜色滤镜的第一绘制指令以及用于记录所述第一绘制指令的第一对象；判断是否需要对所述网页中的图片进行颜色滤镜的处理；如果是，则在对所述图片进行光栅化时利用所述第一绘制指令对所述图片进行绘制以实现对所述图片的颜色滤镜处理。
[0007]其中，所述判断是否需要对所述网页中的图片进行颜色滤镜的处理包括:判断所述网页设置是否为夜间模式；如果是，则确定需要对所述网页中的图片进行颜色滤镜的处理。
[0008]其中，所述方法还包括:给所述网页的其他内容加上滤镜效果；将所述进行过颜色滤镜处理的图片与所述加上滤镜效果的其他网页内容进行合成以实现所述网页的夜间模式。
[0009]其中，所述方法还包括:在生成包含颜色滤镜的第一绘制指令以及用于记录所述第一绘制指令的第一对象时，还生成不包含颜色滤镜的第二绘制指令以及用于记录所述第二绘制指令的第二对象。
[0010]其中，所述判断所述网页设置是否为夜间模式之后，还包括:如果所述网页设置为非夜间模式，则利用所述第二绘制指令绘制所述图片；将所述第二绘制指令绘制的图片与所述网页的其他内容进行合成以实现所述网页的非夜间模式。
[0011]为解决上述技术问题，本发明采用的另一个技术方案是:提供一种对图片进行处理的装置，所述装置包括:生成模块，用于在接收到网页渲染指令后，生成包含颜色滤镜的第一绘制指令以及用于记录所述第一绘制指令的第一对象；判断模块，用于判断是否需要对所述网页中的图片进行颜色滤镜的处理；颜色滤镜处理模块，用于在需要对所述网页中的图片进行颜色滤镜的处理时，在对所述图片进行光栅化时利用所述第一绘制指令对所述图片进行绘制以实现对所述图片的颜色滤镜处理。
[0012]其中，所述判断模块包括:判断单元，用于判断所述网页设置是否为夜间模式；确定单元，用于在所述网页设置为夜间模式时，确定需要对所述网页中的图片进行颜色滤镜的处理。
[0013]其中，所述装置还包括:网页滤镜效果处理模块，用于给所述网页的其他内容加上滤镜效果；夜间模式合成模块，用于将所述进行过颜色滤镜处理的图片与所述加上滤镜效果的其他网页内容进行合成以实现所述网页的夜间模式。
[0014]其中，所述生成模块还用于在生成包含颜色滤镜的第一绘制指令以及用于记录所述第一绘制指令的第一对象时，还生成不包含颜色滤镜的第二绘制指令以及用于记录所述第二绘制指令的第二对象。
[0015]其中，所述装置还包括:绘制模块，用于在所述网页设置为非夜间模式时，利用所述第二绘制指令绘制所述图片；非夜间模式合成模块，用于将所述第二绘制指令绘制的图片与所述网页进行合成以实现所述网页的非夜间模式。
[0016]本发明的有益效果是:区别于现有技术的情况，本发明在接收到网页渲染指令后，生成包含颜色滤镜的第一绘制指令以及用于记录第一绘制指令的第一对象；需要对所述网页中的图片进行颜色滤镜的处理时，在对图片进行光栅化时利用第一绘制指令对图片进行绘制以实现对图片的颜色滤镜处理。由于在进行光栅化时进行颜色滤镜的处理，通过这种方式，能够单独对网页图片实现滤镜效果，从而提高用户体验。
【附图说明】
[0017]图1是本发明对图片进行处理的方法一实施方法的流程图；
[0018]图2是本发明对图片进行处理的方法另一实施方法的流程图；
[0019]图3是本发明对图片进行处理的方法又一实施方法的流程图；
[0020]图4是本发明对图片进行处理的方法又一实施方法的流程图；
[0021]图5是本发明对图片进行处理的方法的效果示意图；
[0022]图6是本发明对图片进行处理的装置一实施方式的结构示意图；
[0023]图7是本发明对页图片进行处理的装置另一实施方式的结构示意图；
[0024]图8是本发明对图片进行处理的装置又一实施方式的结构示意图；
[0025]图9是本发明对图片进行处理的装置又一实施方式的结构示意图。
【具体实施方式】
[0026]下面结合附图和实施方式对本发明进行详细说明。
[0027]参阅图1，图1是本发明对图片进行处理的方法一实施方法的流程图，该方法包括:
[0028]步骤SlOl:在接收到网页渲染指令后，生成包含颜色滤镜的第一绘制指令以及用于记录第一绘制指令的第一对象。
[0029]滤镜主要是用来实现图片的各种特殊效果，生产包含颜色滤镜的第一绘制指令和第一对象后，将第一绘制指令记录在第一对象中。第一对象是skpicture,是一种特殊的canvas,用于记录绘制指令。通过第一绘制指令可以实现颜色滤镜的处理。
[0030]在实际应用中，浏览器对于网页图片的渲染的实现方式有两种:第一种，网页图片与网页上其他内容一起以picturepile和surface方式进行渲染，即网页图片与网页的其他内容一起进行光栅化和组合；第二种，图像纹理(imageTexture)渲染方式，这种方式将网页图片独立渲染，即单独处理一张网页图片的光栅化和组合，光栅化就是将处理指令转化为真正的像素内容，组合就是将图片的像素内容和网页的其他部分内容进行合成并显示到屏幕上。对于网页上一些图片的写法，例如:固定背景图(fixed background image)和一些可能重复使用的图片，如新浪微博和百度地图上某些图片，出于正确性和性能的考虑，必须使用imageTexture进行渲染。如果网页中的一个图层中仅有一张图片，或者是网页中某个元素使用了 Fixed背景图片的话，就会使用ImageTexture来渲染。对于只有一张图片的情况，当图片在网页中被多次使用的时候，ImageTexture可以起到节省内存,和加速渲染的效果，对于Fixed背景图片的话，android浏览器只能使用ImageTexture才能正确的渲染Fixed的效果，同时可以提高repeat图片的渲染速度。
[0031]现有的imageTexture硬件渲染过程有以下几个步骤顺序:首先是imageTexture对象的初始化，在初始化的过程中会创建skpicture记录需要绘制的图片的绘制指令，然后是光栅化，光栅化就是将绘制指令转化为真正的像素内容，这个像素内容通过texture的方式保存在内存中，供opengl渲染使用，最后是组合，将图片的像素内容和网页的其他部分内容进行合成并显示到屏幕上。这样就是imageTexture绘制图片的整个流程。本方案主要是用于imageTexture的硬件渲染方案。
[0032