图像渲染方法、装置、电子设备和存储介质与流程

1.本技术实施例涉及通信技术，尤其涉及一种图像渲染方法、装置、电子设备和存储介质。
背景技术：
：：2.渲染引擎本质上是基于图像实现的位置变换和像素的处理。对于实时渲染，每一帧渲染后，下一帧的位置和像素色值都需要重新计算。3.在cocos引擎(专业术语，一种引擎的名称)的实现中，使用位图(bitmap)作为主要的图像渲染格式。此渲染格式操作方便灵活，可以随意控制色深。由于bitmap的实时可操作性，浏览器会在每帧渲染前重新计算像素色值，在渲染期间，主线程占据了大量的资源，渲染效率低。技术实现要素：4.本技术提供一种图像渲染方法、装置、电子设备和存储介质，以提高渲染效率。5.第一方面，本技术实施例提供了一种图像渲染方法，该图像渲染方法包括：6.确定当前进行图像渲染所处的目标渲染环境；7.根据目标渲染环境，在待渲染图像的阿尔法通道的候选配置中确定目标配置；候选配置包括预乘处理方式和默认处理方式；8.根据目标配置，确定待渲染图像中各像素的目标像素值；9.根据各目标像素值对待渲染图像进行渲染。10.第二方面，本技术实施例还提供了一种图像渲染装置，该图像渲染装置包括：11.目标渲染环境确定模块，用于确定当前进行图像渲染所处的目标渲染环境；12.目标配置确定模块，用于根据目标渲染环境，在待渲染图像的阿尔法通道的候选配置中确定目标配置；候选配置包括预乘处理方式和默认处理方式；13.目标像素值确定模块，用于根据目标配置，确定待渲染图像中各像素的目标像素值；14.目标像素值渲染模块，用于根据各目标像素值对待渲染图像进行渲染。15.第三方面，本技术实施例还提供了电子设备，该电子设备包括：16.一个或多个处理器；17.存储装置，用于存储一个或多个程序；18.当一个或多个程序被一个或多个处理器执行，使得一个或多个处理器实现如本技术实施例提供的任意一种图像渲染方法。19.第四方面，本技术实施例还提供了一种包括计算机可执行指令的存储介质，计算机可执行指令在由计算机处理器执行时用于执行如本技术实施例提供的任意一种图像渲染方法。20.本技术通过确定当前进行图像渲染所处的目标渲染环境；根据目标渲染环境，在待渲染图像的阿尔法通道的候选配置信息中确定目标配置；候选配置包括预乘处理方式和默认处理方式；可以根据目标渲染环境确定对应的目标配置，将原来在cocos引擎源码中的imagebitmap中的预乘处理方式，改成了按需使用，对于用不到这个技术的目标渲染环境，可以关闭预乘处理方式，使用默认处理方式；根据目标配置，确定待渲染图像中各像素的目标像素值；根据各目标像素值对待渲染图像进行渲染，降低主线程的压力。因此通过本技术的技术方案，解决了在渲染期间，主线程占据了大量的资源，渲染效率低的问题，达到了提高渲染效率的效果。附图说明21.图1是本技术实施例一中的一种图像渲染方法的流程图；22.图2是本技术实施例二中的一种图像渲染方法的流程图；23.图3是本技术实施例三中的一种图像渲染装置的结构示意图；24.图4是本技术实施例四中的一种电子设备的结构示意图。具体实施方式25.为了使本
技术领域：
：的人员更好地理解本技术方案，下面将结合本技术实施例中的附图，对本技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本技术一部分的实施例，而不是全部的实施例。基于本技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本技术保护的范围。26.需要说明的是，本技术的说明书和权利要求书及上述附图中的术语“第一”和“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本技术的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。27.实施例一28.图1为本技术实施例一提供的一种图像渲染方法的流程图，本实施例可适用于根据渲染引擎的渲染环境对图像进行渲染的情况，该方法可以由图像渲染装置执行，该装置可以采用软件和/或硬件实现，并具体配置于渲染引擎中，例如，cocos引擎。29.参见图1所示的图像渲染方法，应用于cocos引擎，具体包括如下步骤：30.s110、确定当前进行图像渲染所处的目标渲染环境。31.目标渲染环境可以为渲染引擎进行渲染的硬件环境，用于确定目标配置。示例性的，目标渲染环境可以包括不同配置版本的硬件环境。具体的，在渲染引擎的运行环境中获取系统配置，通过系统配置确定目标渲染环境。例如，目标渲染环境可以包括gpu(graphicsprocessingunit，图形处理器)渲染和cpu(centralprocessingunit，中央处理器)渲染。32.s120、根据目标渲染环境，在待渲染图像的阿尔法通道的候选配置中确定目标配置；候选配置包括预乘处理方式和默认处理方式。33.阿尔法通道(premultiplyalpha)可以为一种图像渲染属性，用于确定目标配置。在cocos引擎2.4.5版本中，premultiplyalpha是所用的技术特性之一。它是web(专业术语，一种接口)接口createimagebitmap(专业术语，一种方法)方法的选项属性，在cocos引擎实现中，对所有图像都使用createimagebitmap方法创建后的imagebitmap格式，同时选项属性中使用了premultiplyalpha属性。34.候选配置信息可以为premultiplyalpha的可选配置方式，用于确定目标配置。示例性的，候选配置包括预乘处理方式和默认处理方式。预乘处理方式还可以包括预乘处理方式和预除处理方式。35.s130、根据目标配置，确定待渲染图像中各像素的目标像素值。36.目标像素值可以为根据目标配置对应的处理方式对待渲染图像中各像素的色深进行处理后的像素值。示例性的，当目标配置为预乘时，需要将待渲染图像中各像素的像素值与premultiplyalpha的预乘值进行相乘得到各像素的目标像素值。37.s140、根据各目标像素值对待渲染图像进行渲染。38.依据各目标像素值对相应位置的像素进行显示，实现对待渲染图像的渲染。39.在cocos引擎的实现中，使用位图(bitmap)作为主要的图像渲染格式。这个格式操作方便灵活，可以随意控制色深，具体到每个像素，而且舍弃掉了原始图形的压缩，方便了操作色值，这是bmp(bitmap，位图)格式的优势所在。一些其他格式，例如，jpg(jointphotographicexpertsgroup，联合图像专家组，一种图像文件格式)或png(portablenetworkgraphics，是一种无损压缩的图像文件格式)，因为压缩的优势更适合做离线存储，一般不作为在线渲染首选。尤其是在gpu(graphicsprocessingunit，图形处理器)渲染环境下，位图可以直接存储在gpu中，使用原始图片的方式会增加读取和传输流程。bitmap的实时可操作性，浏览器会在每帧渲染前重新计算像素色值，包括预乘，会导致图像渲染的效率降低，出现卡顿。40.关于渲染阶段chromium(专业术语，chrome浏览器的基础版)多年来的版本中做过很多重构，包括最近的renderingng(专业术语，一种浏览器的版本)，旨在减轻主线程压力，把更多的渲染任务分配给其他线程。本技术，利用浏览器机制，把像素值的计算操作分配到其他线程中，从而释放主线程的压力，因为主线程是真正创建帧图像的入口，如果主线程繁忙，就会导致fps(framepersecond，画面每秒传输帧数)过低。41.本实施例的技术方案，通过确定当前进行图像渲染所处的目标渲染环境；根据目标渲染环境，在待渲染图像的阿尔法通道的候选配置信息中确定目标配置；候选配置包括预乘处理方式和默认处理方式；可以根据目标渲染环境确定对应的目标配置，将原来在cocos引擎源码中的imagebitmap中的预乘处理方式，改成了按需使用，对于用不到这个技术的目标渲染环境，可以关闭预乘处理方式，使用默认处理方式；根据目标配置，确定待渲染图像中各像素的目标像素值；带有预乘功能的bigmap图片格式，在cpu的渲染模式下，即便有些图片不需要使用预乘功能，渲染每一帧都会预成像素点，但使用默认处理方式可以按需使用，对于不需要使用此功能的图片，提高了cpu的运行效率，也就是降低了主线程的压力。因此通过本技术的技术方案，解决了在渲染期间，主线程占据了大量的资源，渲染效率低的问题，达到了提高渲染效率的效果。42.实施例二43.图2为本技术实施例二提供的一种图像渲染方法的流程图方法的流程图，本实施例的技术方案在上述技术方案的基础上进一步细化。44.进一步地，将“根据目标渲染环境，在待渲染图像的阿尔法通道的候选配置中确定目标配置”，细化为：“若目标渲染环境为基于中央处理器cpu的渲染环境，则确定待渲染图像的阿尔法通道的目标配置为默认配置；若目标渲染环境为基于中央处理器图形处理器gpu的渲染环境，则确定待渲染图像的阿尔法通道的目标配置为预乘配置”，以确定目标配置。45.参见图2所示的一种图像渲染方法，包括：46.s210、确定当前进行图像渲染所处的目标渲染环境。47.s220、若目标渲染环境为基于中央处理器cpu的渲染环境，则确定待渲染图像的阿尔法通道的目标配置为默认配置。48.基于cpu的渲染环境可以为，渲染引擎的硬件环境为cpu，用于确定目标配置。示例性的，基于cpu的目标渲染环境为canvasrenderingcontext(专业名词，一种渲染环境)，当设备的配置版本较低时，无法使用gpu，则需要基于cpu的渲染环境进行渲染。默认配置可以为不开启premultiplyalpha时的配置。具体的，修改cocos引擎源码，打开对应的工程源代码。在基于cpu的渲染环境中，premultiplyalpha使用default值，把算力分配到合成线程中。49.在cocos引擎编辑器中存在premultiplyalpha(专业名词，一种配置选项)选项，根据这个值判断是否开启预乘处理方式。premultiplyalpha属性是通过cocoscreator(专业名词，一种编辑器)代码编辑器中的可视化选项而来的，如果在编辑器中选中了预乘处理方式的选项，则为true，否则为false。因此，若目标渲染环境为基于cpu的渲染环境，则确定premultiplyalpha属性为false，使用default值。50.assetsmanager(专业名词，一种资源管理模式)是引擎中资源管理模式，任何使用到的图片资源都会添加到assetsmanager中，通过修改此模块的方法parseimage(专业名词，一种方法)方法的实现，识别图片的阿尔法通道属性。从而降低浏览器环境中主线程的压力。具体方法如下：当调用parseimage方法时，如果没有预乘配置，在createimagebitmap时的premultiplyalpha选项，使用default值。51.s230、若目标渲染环境为基于中央处理器图形处理器gpu的渲染环境，则确定待渲染图像的阿尔法通道的目标配置为预乘配置。52.基于gpu的渲染环境可以为，渲染引擎的硬件环境为gpu，用于确定目标配置。示例性的，基于gpu的目标渲染环境为webglrenderingcontext(专业名词，一种渲染环境)。预乘配置可以为开启premultiplyalpha时的配置，具体的，预乘配置premultiplyalpha配置值可以为premultiply或none。其中，premultiply对应预乘处理方式，none对应预除处理方式。53.如果在createimagebitmap时不设置premultiplyalpha，阿尔法通道的目标配置为默认配置，对应的数值是default，而default值在hmlt5spec(专业名词，一种播放器)中有明确表示，它应该由一种最优的内置实现方式实现，具体实现方式是浏览器厂商自己决定的，因此大部分渲染时间分配给painting(专业名词，合成线程)阶段，而其他两个选项premultiply和none，前者在保留原始数据之外使用三原色预乘alpha通道，后者是在保留原始数据之外，使用三原色预除alpha通道，none是有意义的，和default并不一样(因为预乘/除处理方式渲染后无法恢复原始数据，所以要保留一份之前的原始数据)。54.s240、根据目标配置，确定待渲染图像中各像素的目标像素值。55.在一个可选实施实例中，若目标配置为默认配置，则根据目标配置，确定待渲染图像中各像素的目标像素值，包括：将待渲染图像的资源类型替换为网页元素类型，通过网页元素类型确定待渲染图像中各像素的目标像素值。56.将待渲染图像的资源类型替换为网页元素类型，也即待渲染图像的资源类型由bitmap替换为imagehtmlelement(专业名词，一种接口)。具体的，通过修改parser(专业名词，一种解析器)实现格式的转换，parser的主要作用是解析图片、解析音频、解析场景和解析其他资源。57.在canvas(画布)渲染模式中，使用内置于浏览器的imagehtmlelement接口进行待渲染图像中各像素的目标像素值的渲染。这种接口可以代替imagebitmap接口，它是一种原生的浏览器接口，支持png(专业名词，一种图像格式)、jpeg(专业名词，一种图像格式)和gif(专业名词，一种图像格式)等通用图片格式，并且能够保留原始图片信息。因为不用像imagebitmap那样在运行时进行预乘处理方式对应的操作，通过图片自身的阿尔法通道实现透明度，所以没有在运行时cpu占用过高问题。58.通过将待渲染图像的资源类型替换为网页元素类型，通过网页元素类型确定待渲染图像中各像素的目标像素值；使用imagehtmlelement进行绘制时，可以更加灵活地控制图片的显示效果，同时也能够使得图片在不同的设备和环境下都能够得到更好的展示效果。此外，通过使用imagehtmlelement，还能够更加容易地对图片进行修改和处理，进一步提升了canvas绘制的灵活性和可扩展性。59.在一个可选实施实例中，通过网页元素类型确定待渲染图像中各像素的目标像素值，包括：获取当前图像渲染所采用的目标渲染方式；通过网页元素类型接口，基于目标渲染方式，确定待渲染图像中各像素的目标像素值。60.目标渲染方式为基于不同渲染协议的渲染方式。示例性的，目标渲染方式可以包括canvas渲染和webgl渲染(webgraphicslibrary，web图形库)。通过修改图像类型，确定相应图像格式中待渲染图像中各像素的目标像素值。61.具体的，通过网页元素类型接口，基于目标渲染方式，确定待渲染图像中各像素的目标像素值，包括以下3中类型：62.如果是canvas渲染，直接创建一个image对象，然后通过url.createobjecturl接口将file转为bloburl，赋值给img.src，等image对象的onload事件触发完成后，触发资源加载完成事件；63.否则如果是webgl渲染，且浏览器支持imagebitmap，且file是blob类型，那么就使用createimagebitmap创建一个imagebitmap对象；64.如果是webgl渲染，且浏览器不支持imagebitmap，或者file不是blob类型，那么就直接返回file。65.通过获取当前图像渲染所采用的目标渲染方式；通过网页元素类型接口，基于目标渲染方式，确定待渲染图像中各像素的目标像素值，通过更换图像类型，不支持使用预乘/除功能，是一种降级渲染的方案。66.在一个可选实施实例中，若目标配置为预乘配置，则根据目标配置，确定待渲染图像中各像素的目标像素值，包括：根据目标配置和待渲染图像中各像素的当前像素值，确定各当前像素值的目标像素值。67.当前像素值可以为待渲染图像中的像素值。根据目标配置对待渲染图像中各像素的当前像素进行计算，得到各当前像素值的目标像素值。68.通过根据目标配置和待渲染图像中各像素的当前像素值，确定各当前像素值的目标像素值，准确确定默认配置下的目标像素值。69.在一个可选实施实例中，根据目标配置和待渲染图像中各像素的当前像素值，确定各当前像素值的目标像素值，包括：将待渲染图像中各像素的当前像素值与阿尔法通道的数值相乘，得到各当前像素值的目标像素值。70.阿尔法通道的数值可以为预乘配置的预乘数值，根据预乘数值，可以将预乘配置更进一步区分为预乘和预除。将待渲染图像中各像素的当前像素值与阿尔法通道的数值相乘，相乘后的数值即为各当前像素值的目标像素值。71.通过将待渲染图像中各像素的当前像素值与阿尔法通道的数值相乘，得到各当前像素值的目标像素值，确定预乘配置下的目标像素值。72.s250、根据各目标像素值对待渲染图像进行渲染。73.本实施例的技术方案，通过若目标渲染环境为基于中央处理器cpu的渲染环境，则确定待渲染图像的阿尔法通道的目标配置为默认配置；若目标渲染环境为基于中央处理器图形处理器gpu的渲染环境，则确定待渲染图像的阿尔法通道的目标配置为预乘配置，根据需求配置阿尔法通道的目标配置，再不需要预乘处理方式时，使用默认配置，提高渲染效率。74.实施例三75.图3所示为本技术实施例三提供的一种图像渲染装置的结构示意图，本实施例可适用于根据渲染引擎的渲染环境对图像进行渲染的情况，配置于cocos引擎，该图像渲染装置的具体结构如下：76.目标渲染环境确定模块310，用于确定当前进行图像渲染所处的目标渲染环境；77.目标配置确定模块320，用于根据目标渲染环境，在待渲染图像的阿尔法通道的候选配置中确定目标配置；候选配置包括预乘处理方式和默认处理方式；78.目标像素值确定模块330，用于根据目标配置，确定待渲染图像中各像素的目标像素值；79.目标像素值渲染模块340，用于根据各目标像素值对待渲染图像进行渲染。80.本实施例的技术方案，通过确定当前进行图像渲染所处的目标渲染环境；根据目标渲染环境，在待渲染图像的阿尔法通道的候选配置信息中确定目标配置；候选配置包括预乘处理方式和默认处理方式；可以根据目标渲染环境确定对应的目标配置，将原来在cocos引擎源码中的imagebitmap中的预乘处理方式，改成了按需使用，对于用不到这个技术的目标渲染环境，可以关闭预乘处理方式，使用默认处理方式；根据目标配置，确定待渲染图像中各像素的目标像素值；根据各目标像素值对待渲染图像进行渲染，降低主线程的压力。因此通过本技术的技术方案，解决了在渲染期间，主线程占据了大量的资源，渲染效率低的问题，达到了提高渲染效率的效果。81.可选的，目标配置确定模块320，包括：82.默认配置确定单元，用于若目标渲染环境为基于中央处理器cpu的渲染环境，则确定待渲染图像的阿尔法通道的目标配置为默认配置；83.预乘配置确定单元，用于若目标渲染环境为基于中央处理器图形处理器gpu的渲染环境，则确定待渲染图像的阿尔法通道的目标配置为预乘配置。84.可选的，若目标配置为默认配置，则目标像素值确定模块330，包括：85.资源类型替换单元，用于将待渲染图像的资源类型替换为网页元素类型，通过网页元素类型确定待渲染图像中各像素的目标像素值。86.可选的，资源类型替换单元，包括：87.目标渲染方式获取子单元，用于获取当前图像渲染所采用的目标渲染方式；88.目标像素值确定子单元，用于通过网页元素类型接口，基于目标渲染方式，确定待渲染图像中各像素的目标像素值。89.可选的，若目标配置为预乘，则目标像素值确定模块330，包括：90.目标像素值确定单元，用于根据目标配置和待渲染图像中各像素的当前像素值，确定各当前像素值的目标像素值。91.可选的，目标像素值确定单元，包括：92.当前像素值相乘子单元，用于将待渲染图像中各像素的当前像素值与阿尔法通道的数值相乘，得到各当前像素值的目标像素值。93.本技术实施例所提供的图像渲染装置可执行本技术任意实施例所提供的图像渲染方法，具备执行图像渲染方法相应的功能模块和有益效果。94.实施例四95.图4为本技术实施例四提供的一种电子设备的结构示意图，如图4所示，该电子设备包括处理器410、存储器420、输入装置430和输出装置440；电子设备中处理器410的数量可以是一个或多个，图4中以一个处理器410为例；电子设备中的处理器410、存储器420、输入装置430和输出装置440可以通过总线或其他方式连接，图4中以通过总线连接为例。96.存储器420作为一种计算机可读存储介质，可用于存储软件程序、计算机可执行程序以及模块，如本技术实施例中的图像渲染方法对应的程序指令/模块(例如，目标渲染环境确定模块310、目标配置确定模块320、目标像素值确定模块330和目标像素值渲染模块340)。处理器410通过运行存储在存储器420中的软件程序、指令以及模块，从而执行电子设备的各种功能应用以及数据处理，即实现上述的图像渲染方法。97.存储器420可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序；存储数据区可存储根据终端的使用所创建的数据等。此外，存储器420可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他非易失性固态存储器件。在一些实例中，存储器420可进一步包括相对于处理器410远程设置的存储器，这些远程存储器可以通过网络连接至电子设备。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。98.输入装置430可用于接收输入的字符信息，以及产生与电子设备的用户设置以及功能控制有关的键信号输入。输出装置440可包括显示屏等显示设备。99.实施例五100.本技术实施例五还提供一种包含计算机可执行指令的存储介质，计算机可执行指令在由计算机处理器执行时用于执行一种图像渲染方法，该方法包括：确定当前进行图像渲染所处的目标渲染环境；根据目标渲染环境，在待渲染图像的阿尔法通道的候选配置中确定目标配置；候选配置包括预乘处理方式和默认处理方式；根据目标配置，确定待渲染图像中各像素的目标像素值；根据各目标像素值对待渲染图像进行渲染。101.当然，本技术实施例所提供的一种包含计算机可执行指令的存储介质，其计算机可执行指令不限于如上所述的方法操作，还可以执行本技术任意实施例所提供的图像渲染方法中的相关操作。102.通过以上关于实施方式的描述，所属领域的技术人员可以清楚地了解到，本技术可借助软件及必需的通用硬件来实现，当然也可以通过硬件实现，但很多情况下前者是更佳的实施方式。基于这样的理解，本技术的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在计算机可读存储介质中，如计算机的软盘、只读存储器(read-onlymemory，rom)、随机存取存储器(randomaccessmemory，ram)、闪存(flash)、硬盘或光盘等，包括若干指令用以使得一台电子设备(可以是个人计算机，服务器，或者网络设备等)执行本技术各个实施例所述的方法。103.值得注意的是，上述搜索装置的实施例中，所包括的各个单元和模块只是按照功能逻辑进行划分的，但并不局限于上述的划分，只要能够实现相应的功能即可；另外，各功能单元的具体名称也只是为了便于相互区分，并不用于限制本技术的保护范围。104.注意，上述仅为本技术的较佳实施例及所运用技术原理。本领域技术人员会理解，本技术不限于这里所述的特定实施例，对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本技术的保护范围。因此，虽然通过以上实施例对本技术进行了较为详细的说明，但是本技术不仅仅限于以上实施例，在不脱离本技术构思的情况下，还可以包括更多其他等效实施例，而本技术的范围由所附的权利要求范围决定。当前第1页12当前第1页12
技术特征：
1.一种图像渲染方法，其特征在于，包括：确定当前进行图像渲染所处的目标渲染环境；根据所述目标渲染环境，在待渲染图像的阿尔法通道的候选配置中确定目标配置；所述候选配置包括预乘处理方式和默认处理方式；根据所述目标配置，确定所述待渲染图像中各像素的目标像素值；根据各所述目标像素值对所述待渲染图像进行渲染。2.根据权利要求1所述的方法，其特征在于，所述根据目标渲染环境，在待渲染图像的阿尔法通道的候选配置中确定目标配置，包括：若所述目标渲染环境为基于中央处理器cpu的渲染环境，则确定所述待渲染图像的阿尔法通道的目标配置为默认配置；若所述目标渲染环境为基于中央处理器图形处理器gpu的渲染环境，则确定所述待渲染图像的阿尔法通道的目标配置为预乘配置。3.根据权利要求1所述的方法，其特征在于，若所述目标配置为默认配置，则所述根据所述目标配置，确定所述待渲染图像中各像素的目标像素值，包括：将所述待渲染图像的资源类型替换为网页元素类型，通过所述网页元素类型确定所述待渲染图像中各像素的目标像素值。4.根据权利要求3所述的方法，其特征在于，所述通过网页元素类型确定所述待渲染图像中各像素的目标像素值，包括：获取当前图像渲染所采用的目标渲染方式；通过网页元素类型接口，基于所述目标渲染方式，确定所述待渲染图像中各像素的目标像素值。5.根据权利要求1所述的方法，其特征在于，若所述目标配置为预乘配置，则所述根据所述目标配置，确定所述待渲染图像中各像素的目标像素值，包括：根据所述目标配置和所述待渲染图像中各像素的当前像素值，确定各所述当前像素值的目标像素值。6.根据权利要求5所述的方法，其特征在于，根据所述目标配置和所述待渲染图像中各像素的当前像素值，确定各所述当前像素值的目标像素值，包括：将所述待渲染图像中各像素的当前像素值与所述阿尔法通道的数值相乘，得到各所述当前像素值的目标像素值。7.一种图像渲染装置，其特征在于，包括：目标渲染环境确定模块，用于确定当前进行图像渲染所处的目标渲染环境；目标配置确定模块，用于根据所述目标渲染环境，在待渲染图像的阿尔法通道的候选配置中确定目标配置；所述候选配置包括预乘处理方式和默认处理方式；目标像素值确定模块，用于根据所述目标配置，确定所述待渲染图像中各像素的目标像素值；目标像素值渲染模块，用于根据各所述目标像素值对所述待渲染图像进行渲染。8.根据权利要求7所述的装置，其特征在于，所述目标配置确定模块，包括：默认配置确定单元，用于若所述目标渲染环境为基于中央处理器cpu的渲染环境，则确定所述待渲染图像的阿尔法通道的目标配置为默认配置；
预乘配置确定单元，用于若所述目标渲染环境为基于中央处理器图形处理器gpu的渲染环境，则确定所述待渲染图像的阿尔法通道的目标配置为预乘配置。9.一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现如权利要求1-6任一所述的图像渲染方法。10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现如权利要求1-6任一所述的图像渲染方法。

技术总结
本申请实施例公开了一种图像渲染方法、装置、电子设备和存储介质。确定当前进行图像渲染所处的目标渲染环境；根据目标渲染环境，在待渲染图像的阿尔法通道的候选配置信息中确定目标配置；候选配置包括预乘处理方式和默认处理方式；根据目标配置，确定待渲染图像中各像素的目标像素值；根据各目标像素值对待渲染图像进行渲染。本申请实施例提高了渲染效率。本申请实施例提高了渲染效率。本申请实施例提高了渲染效率。


技术研发人员：刘彤 王宇航
受保护的技术使用者：北京思明启创科技有限公司
技术研发日：2023.06.12
技术公布日：2023/8/1