1.本公开实施例涉及计算机
技术领域：
：，尤其涉及一种渲染方法、装置、电子设备及介质。
背景技术：
：：2.人机交互或人机互动是一门研究系统与用户之间的交互关系的学问。人机可以通过人机界面实现交互。人机界面，又称用户界面或使用者界面，是人与计算机之间传递、交换信息的媒介和对话接口，是计算机系统的重要组成部分。是系统和用户之间进行交互和信息交换的媒介，它实现信息的内部形式与人类可以接受形式之间的转换。凡参与人机信息交流的领域都存在着人机界面。3.为了从视觉效果上提升人机交互体验，可以提升人机界面内显示的目标物(如图片、软件和视频等)的氛围感。目前，进行氛围感提升的手段是确定选取目标物中面积做大的颜色作为主色，然后将该主色延展至背景。但是，该方案存在若主色选取错误所导致的渲染结果不和谐的技术问题。技术实现要素：4.本公开实施例提供了一种渲染方法、装置、电子设备及介质，增强了渲染效果，提高了用户的视觉体验。5.第一方面，本公开实施例提供了一种渲染方法，包括：6.确定目标物上设定区域的颜色，所述设定区域至少为设定个数，所述设定个数大于1；7.根据各所述设定区域的颜色，确定叠加至目标位置的目标颜色；8.在所述目标位置处叠加所述目标颜色以实现渲染。9.第二方面，本公开实施例还提供了一种渲染装置，包括：10.确定模块，用于确定目标物上设定区域的颜色，所述设定区域至少为设定个数，所述设定个数大于1；11.目标颜色确定模块，用于根据各所述设定区域的颜色，确定叠加至目标位置的目标颜色；12.目标颜色叠加模块，用于在所述目标位置处叠加所述目标颜色以实现渲染。13.第三方面，本公开实施例还提供了一种电子设备，包括：14.一个或多个处理装置；15.存储装置，用于存储一个或多个程序；16.当所述一个或多个程序被所述一个或多个处理装置执行，使得所述一个或多个处理装置实现如本公开任意实施例提供的渲染方法。17.第四方面，本公开实施例还提供了一种计算机可读介质，其上存储有计算机程序，该程序被处理装置执行时实现本公开任意实施例提供的渲染方法。18.本公开实施例提供了一种渲染方法、装置、电子设备及介质，该方法确定目标物上设定区域的颜色，所述设定区域至少为设定个数，所述设定个数大于1；根据各所述设定区域的颜色，确定叠加至目标位置的目标颜色；在所述目标位置处叠加所述目标颜色以实现渲染。利用上述技术方案，目标物多个设定区域的颜色确定叠加至目标位置的目标颜色，以实现渲染，增强了渲染效果，提升了用户的视觉效果。附图说明19.结合附图并参考以下具体实施方式，本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中，相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的，原件和元素不一定按照比例绘制。20.图1为本公开实施例一提供的一种渲染方法的流程示意图；21.图1a为本公开实施例一提供的一种图片的显示界面示意图；22.图1b为本公开实施例一提供的又一种图片的显示界面示意图；23.图2为本公开实施例二提供的一种渲染方法的流程示意图；24.图2a为本公开实施例二提供的确定所述图片的设定区域的示意图；25.图2b为本公开实施例二提供的一种得到第一颜色的流程示意图；26.图2c为本公开实施例二提供的确定叠加至目标位置的目标颜色的示意图；27.图2d为本公开实施例二提供的一种将目标颜色叠加至背景的示意图；28.图3为本公开实施例三提供的一种渲染装置的结构示意图；29.图4为本公开实施例四提供的一种渲染设备的结构示意图。具体实施方式30.下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例，然而应当理解的是，本公开可以通过各种形式来实现，而且不应该被解释为限于这里阐述的实施例，相反提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是，本公开的附图及实施例仅用于示例性作用，并非用于限制本公开的保护范围。31.应当理解，本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行，和/或并行执行。此外，方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。32.本文使用的术语“包括”及其变形是开放性包括，即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”；术语“另一实施例”表示“至少一个另外的实施例”；术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。33.需要注意，本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分，并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。34.需要注意，本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的，本领域技术人员应当理解，除非在上下文另有明确指出，否则应该理解为“一个或多个”。35.本公开实施方式中的多个装置之间所渲染的消息或者信息的名称仅用于说明性的目的，而并不是用于对这些消息或信息的范围进行限制。36.下述各实施例中，每个实施例中同时提供了可选特征和示例，实施例中记载的各个特征可进行组合，形成多个可选方案，不应将每个编号的实施例仅视为一个技术方案。此外，在不冲突的情况下，本公开中的实施例及实施例中的特征可以相互组合。37.实施例一38.图1为本公开实施例一提供的一种渲染方法的流程示意图，该方法可适用于提升目标物氛围感的情况，该方法可以由渲染装置来执行，其中该装置可由软件和/或硬件实现，并一般集成在电子设备上，在本实施例中电子设备包括但不限于：手机、个人数字助理和电脑等设备。39.如图1所示，本公开实施例一提供的一种渲染方法，包括如下步骤：40.s110、确定目标物上设定区域的颜色，所述设定区域至少为设定个数，所述设定个数大于1。41.目标物可以认为是显示在人机界面内的物体，此处不对目标物进行限定。只要是可以营造氛围感的目标物即可。示例性的，目标物可以为图片、视频和软件等。42.示例性的，本实施例可以通过对目标物进行取色，以渲染至目标物所在背景上，以提升目标物的氛围感，还可以通过对目标物进行取色，以渲染到目标物的文字区域下方层级上，以提高文字的可读性。43.设定区域可以理解为目标物上的设定像素点所形成的区域。设定区域的个数至少为设定个数，所述设定个数大于1，其中设定个数可以由用户预先配置，也可以由系统自动设定，设定个数可以为4、5、6等。44.示例性的，各设定区域的选择可以取自图片四周(如边缘)的区域，例如设定区域可以包括目标物四周的端点或者边的中点。45.本实施例不对设定区域进行限定，不同的渲染位置以及不同的目标物尺寸可以对应有不同的设定区域。46.示例性的，在对目标物的背景进行渲染时，每个设定区域可以包括目标物边缘设定个数个像素点。以目标物为图片为例，设定区域可以包括图片四个顶点处的像素；设定区域还可以为图片四个角处的方形区域，每个设定区域可以包括多个像素；此外，设定区域还可以包括图片长边的中点处的一个或多个像素。47.示例性的，在对目标物进行渲染，以提升目标物上文字的可读性时，设定区域的选取手段可以与通对背景进行渲染时所选取的手段相同。也可以将设定区域选取自文字和图片交接位置处，设定区域的具体位置此处不作限定。图片上文字的确定此处不作限定，可以通过对图片上文字进行语义分析后，确定图片上所需要进行氛围调节的文字。48.本步骤在确定设定区域的颜色时，可以基于设定区域所包括像素数确定。在设定区域仅包括一个像素时，可以将该像素的颜色确定为设定区域的颜色。在设定区域包括多个像素时，可以对各像素的颜色进行分析处理后确定设定区域的颜色，此处不对如何基于多个像素的颜色确定设定区域的颜色进行限定，如可以选取各颜色中的主色作为设定区域的颜色，也可以选取任意颜色作为设定区域的颜色，还可以为将各颜色所对应rgb值的均值所对应的颜色，确定为设定区域的颜色。49.不同的目标物的设定区域可以位于不同位置，本实施例可以基于目标物的尺寸确定设定区域，然后确定设定区域的颜色。50.此处不对确定尺寸的手段进行限定，在确定尺寸后，可以基于尺寸在图片上确定所需选取的设定区域。如，在基于目标物尺寸确定设定区域的位置时，可以在目标物占比较大的方向上，选取较多的设定区域。以目标物为图片为例，在图片的长边上选取的设定区域的个数可以大于在图片短边上选取的设定区域的个数。51.s120、根据各所述设定区域的颜色，确定叠加至目标位置的目标颜色。52.在本实施例中，目标位置可以基于所需渲染的内容进行确定，此处不对目标位置进行限定。如在所需渲染的是目标物的背景，则目标位置可以为目标物所在层级和目标物背景所在层级之间的图层。在所需渲染的是目标物，则目标位置可以是目标物所在层级和图片上文字所在层级之间的图层。53.以目标物为图片为例，目标位置可以认为是所述图片所在层级和所述图片的背景所在层级之间增加的图层，或者，目标位置还可以认为是所述图片所在层级和所述图片上文字所在层级之间增加的图层。增加图层的个数可以为1层，也可以为2层，本发明实施例对此不进行限制。54.在一个实施例中，所述目标物为图片，所述目标位置包括：所述图片所在层级和所述图片的背景所在层级之间所增加图层，所述设定区域为处于所述背景内的图片上的区域；或者，所述目标位置为所述图片所在层级和所述图片上文字所在层级之间所增加图层。需要注意的是，图片可以全部或部分在背景中，示例性的，背景中显示有弹窗或面板，图片的一部分显示在背景内，一部分显示在面板里。图1a为本公开实施例一提供的一种图片的显示界面示意图，参见图1a，图片1全部显示在背景2内。图1b为本公开实施例一提供的又一种图片的显示界面示意图，参见图1b，图片3部分显示在背景4内，部分显示在面板5内。55.在图片全部显示在背景内时处于背景内的图片可以认为是全部图片。56.在图片部分显示在背景内时，处于背景内的图片可以认为是仅在背景内，而不在背景上其余控件、面板或弹窗上显示的图片，如图1b中图片3的阴影部分。57.具体的，根据各所述设定区域的颜色，确定叠加至目标位置的目标颜色可以包括：将设定区域的颜色以设定的不透明度叠加在白色上，然后将叠加后的颜色在hsb模式下进行饱和度和亮度调节，得到调节后的颜色，最后将调节后的颜色作为目标颜色。58.示例性的，作为一种实现方式，根据各所述设定区域的颜色，确定叠加至目标位置的目标颜色可以为：在白色上将各所述设定区域的颜色以第一不透明度叠加，得到第一颜色；将所述第一颜色的饱和度调节至饱和度阈值范围内，亮度调节至亮度阈值范围内，得到第一目标颜色，所述目标颜色包括所述第一目标颜色。59.其中，第一不透明度的数值不作限定，示例性的，第一不透明度可以为20％或30％的不透明度，第一颜色可以是指在白色上将各所述设定区域的颜色以第一不透明度进行叠加得到的颜色，第一目标颜色可以是指将第一颜色的饱和度调节至设定的饱和度阈值范围内，将亮度调节至设定的亮度阈值范围内得到的颜色。饱和度阈值范围可以认为是饱和度的临界值，亮度阈值范围可以认为是亮度的临界值，可以由相关配置人员预先配置，也可以由系统自动设定，在本实施例中不对饱和度阈值范围和亮度阈值范围进行限定，可选的，饱和度阈值范围可以为(2060)。亮度阈值范围可以为饱和度阈值范围(3060)亮度阈值范围。60.作为另一种实现方式，根据各所述设定区域的颜色，确定叠加至目标位置的目标颜色还可以在第一种实现方式基础上包括：61.在白色上将各所述设定区域的颜色以第二不透明度叠加，得到第二颜色；将所述第二颜色的饱和度调节至所述饱和度阈值范围内，亮度调节至所述亮度阈值范围内，得到第二目标颜色，所述目标颜色包括所述第一目标颜色和所述第二目标颜色。62.其中，第二不透明度大于第一不透明度，且第二不透明度与第一不透明度的差值为设定数值，且第二不透明度小于等于第一数值，第一不透明度大于等于第二数值，第一数值大于所述第二数值。63.在本实施例中，第一不透明度和第二不透明度的数值不作限定，第二不透明度可以为30％，第一不透明度可以为20％，第一数值可以为60％，第二数值可以为10％。设定数值可以为10％。64.第二颜色是指在白色上将各所述设定区域的颜色以第二不透明度进行叠加得到的颜色，第二目标颜色是指将第二颜色的饱和度调节至设定的饱和度阈值范围内，将亮度调节至设定的亮度阈值范围内得到的颜色。65.需要说明的是第一不透明度和第二不透明度、第一数值和第二数值、第一颜色和第二颜色、第一目标颜色和第二目标颜色仅是用于区分不同的对象，不作实际限定。66.在确定第一目标颜色和第二目标颜色后，可以在目标位置的不同层级上分别叠加第一目标颜色和第二目标颜色。67.s130、在所述目标位置处叠加所述目标颜色以实现渲染。68.通过上述步骤可以得到目标位置的目标颜色，本实施例通过将目标颜色以不同透明度叠加至目标位置处来实现渲染。69.具体的，可以将目标位置的图层划分为不同的区域，分别对不同的区域以不同透明度进行目标颜色的叠加，以此实现渲染。70.具体的，可以将目标位置的图层划分为区域1、区域2和区域3，分别对区域1、区域2和区域3以不透明度1、不透明度2、不透明度3进行目标颜色的叠加，以此实现渲染。不透明度1、不透明度2、不透明度3可以代表不同的不透明度。一个区域内的不透明度可以唯一，也可以不同，如一个区域内的不透明度的大小可以为变化的，变化的方式此处不作限定。71.示例性的，当目标位置为图片所在层级和图片的背景所在层级之间增加的图层时，所增加图层可以为两层，目标颜色中包括第一目标颜色和第二目标颜色。首先对每个图层进行区域的划分，包括：划分为自背景顶部至图片顶部的第一区域(如区域1)、自图片顶部至图片中轴线的第二区域(如区域2)和自图片中轴线至图片底部的第三区域(如区域3)。72.然后将每一层分别对不同的区域以不同透明度进行目标颜色的叠加。具体叠加的步骤可以为：73.两层中底层图层在所对应第一区域和所对应第二区域叠加第三不透明度的所述第二目标颜色；在所对应第三区域叠加所述第二目标颜色，所述第二目标颜色的不透明度在所对应第三区域内自所述图片底部至所述图片中轴线从第四不透明度渐变至所述第三不透明度，所述第四不透明度小于所述第三不透明度；其中，第三不透明度和第四不透明度仅是用于区分不同的对象，不作实际限定。从第四不透明度渐变至所述第三不透明度可以是从第四不透明度开始，以固定的不透明度幅度逐渐增加到第三不透明度，还可以是从第四不透明度开始，以依次增加的幅度逐渐增加到第三不透明度。74.示例性的，若第四不透明度为0％，第三不透明度为75％为例，第三区域内的不透明度由0％逐渐增加至75％。每次增加的幅度此处不作限定，可以是固定的，如1％，也可以是依次递增的，如依次为1％、2％、3％……，每次递增的幅度不作限定。75.两层中顶层图层在所对应第一区域的背景顶部至图片顶部叠加从第五不透明度渐变至第六不透明度的第一目标颜色，所述第五不透明度大于所述第六不透明度，在所对应第二区域和所对应第三区域叠加第六不透明度的第一目标颜色。其中，第三不透明度和第四不透明度仅是用于区分不同的对象，不作实际限定。第五不透明度可以为75％，第六不透明度可以为0％，此处不作限定。76.示例性的，当目标位置为图片所在层级和图片上文字所在层级之间增加的图层时，所增加图层可以为1层，目标颜色中包括第一目标颜色，首先对图层进行区域的划分，可以包括：划分为自文字部分底部至文字部分顶部的(或者自文字部分顶部至图片底部的)第五区域和图片内除了第五区域外的第四区域；然后将分别对第四区域和第五区域以不同透明度进行目标颜色的叠加。具体叠加的步骤可以为：在第四区域叠加第七不透明度的所述第一目标颜色，在第五区域叠加所述第一目标颜色，所述第一目标颜色的不透明度在第五区域内自文字底部至文字顶部从第八不透明度渐变至所述第九不透明度。其中，第八不透明度小于所述第九不透明度，第七不透明度、第八不透明度和第九不透明度仅是用于区分不同的对象，不作实际限定。第九不透明度可以等于第七不透明度，第七不透明度可以为75％，第八不透明度可以为0％。77.需要注意的是，每个区域内目标颜色的不透明度的设置本实施例不作限定，可以为任意数值，也可以为非固定数值，如一个区域的不透明度非固定为某一数值，不透明度的数值是可以逐渐变换的，以使最终渲染出柔光氛围感。78.本公开实施例一提供的一种渲染方法，该方法包括：确定目标物上设定区域的颜色，所述设定区域至少为设定个数，所述设定个数大于1；根据各所述设定区域的颜色，确定叠加至目标位置的目标颜色；在所述目标位置处叠加所述目标颜色以实现渲染。利用上述方法，目标物多个设定区域的颜色确定叠加至目标位置的目标颜色，以实现渲染，增强了渲染效果，提升了用户的视觉效果。79.实施例二80.图2为本公开实施例二提供的一种渲染方法的流程示意图，本实施例二在上述各实施例中各个可选方案为基础进行具体化。在本实施例中，将确定目标物上设定区域的颜色进一步具体化为：确定处于所述背景内的图片的尺寸；根据所述尺寸，确定所述图片的设定区域；确定所述设定区域的颜色。81.本实施例尚未详尽的内容请参考实施例一。82.如图2所示，本公开实施例二提供的一种渲染方法，具体包括如下步骤：s210、确定处于所述背景内的图片的尺寸。83.具体的，确定处于背景内图片的尺寸用于后续对所述图片的设定区域进行确定。84.s220、根据所述尺寸，确定所述图片的设定区域。85.根据所述尺寸，通过比较图片上边的长度，可以得到其中的长边和短边，分别在长边和短边上选取一定数量的设定区域，其中，长边上选取设定区域的个数大于短边上选取设定区域的个数，且长边上选取设定区域的个数与短边上选取设定区域的个数之和至少等于设定的个数。86.在一个实施例中，根据所述尺寸，确定所述图片的设定区域，包括：87.在所述尺寸表征图片的第一边的长度大于第二边的长度时，在第一边上选取第一数量的设定区域；在第二边上选取第二数量的设定区域，所述第一数量大于第二数量，第一数量和第二数量的和至少为设定个数。设定个数可以为六个。88.其中，第一边可以表示图片上所有边长中最长的边，第一数量是指在第一边上选取设定区域的个数，第二边可以表示图片上所有边长中最短的边，第二数量是指在第二边上选取设定区域的个数。所述第一数量大于第二数量，第一数量和第二数量的和至少为设定个数，设定个数可以由相关配置人员预先配置，也可以由系统自动设定，例如设定个数可以为4、5、6等；第一边和第二边、第一数量和第二数量仅是用于区分不同的对象，不作实际限定。89.示例性的，图2a为本公开实施例二提供的确定所述图片的设定区域的示意图，如图2a所示，根据图片的尺寸可以得到图片上两个最长边，即两个第一边和两个短边，即两个最短边，当设定个数为6时，可以在图片的四个顶点处分别取四个设定区域a、c、d和f，然后在两个最长边的中点处分别取两个设定区域b和e，从而实现了根据所述尺寸，确定图片的设定区域。如可以在图片边缘选取6个1px的颜色，得到6个颜色。在边缘的6个点叠加后的颜色时没有颜色(即黑白灰rgb相等)，则可以选取图片中面积最大的颜色作为主色。设定区域可以为方形区域，每个区域包括多个像素，取多个像素的主色作为该区域的颜色。如每个区域可以包括9个像素格，如3*3的像素格。90.s230、确定所述设定区域的颜色。91.通过上述步骤可以得到各设定区域，针对各设定区域可以分别确定各设定区域的颜色。92.本实施例下述s2301至s2305给出了针对各设定区域分别确定各设定区域颜色的具体实现步骤。93.s2301、针对各设定区域，判断设定区域是否只包括一个像素，若是，则执行s2302；若否，则执行s2303。94.首先针对各设定区域，可以确定各设定区域中像素的个数，然后根据像素的个数分别进行当前设定区域颜色的确定。95.具体的，当设定区域中只包括一个像素时，可以认为该设定区域中只有一个颜色，可以将此像素的颜色确定为该设定区域的当前设定区域颜色。当设定区域不只包括一个像素时，可以认为该设定区域中至少包含两个像素，此时将各像素的主色作为该设定区域的当前设定区域颜色。96.s2302、将像素的颜色确定为当前设定区域的颜色，结束操作。97.s2303、将各像素的主色确定为当前设定区域的颜色。98.其中，当前设定区域可以认为是当前确定颜色的设定区域。99.若在将各设定区域颜色叠加后的颜色是没有颜色，即叠加后的颜色的黑白灰rgb值相等，则需要对各设定区域的颜色进行更新。下述s2304至s2307为各设定区域的颜色进一步更新的具体步骤。100.s2304、将各设定区域的颜色叠加，并计算叠加后形成的颜色的黑白灰值。101.具体的，可以将各设定区域的颜色进行叠加得到叠加后形成的颜色，然后计算叠加后形成颜色的黑白灰值，此黑白灰值用以表征叠加后形成颜色的状态，将此黑白灰值进行后续各设定区域的颜色的确定。102.s2305、判断叠加后形成颜色的黑白灰值是否相等，若是，则执行s2306；若否，则执行根据各设定区域的颜色，确定叠加至目标位置的目标颜色的步骤。103.通过上述步骤可以得到叠加后形成颜色的黑白灰值，通过比较形成颜色的黑白灰值的大小可以确定该黑白灰值是否相等，若相等，则说明叠加后的颜色是没有颜色的，此时需要选取目标物的主色作为各设定区域的颜色，即基于目标物的主色更新设定区域的颜色；若该黑白灰值不相等，则说明各当前设定区域的颜色叠加后是有颜色的，此时不对设定区域的颜色进行更新。104.s2306、将目标物的主色更新为各设定区域的颜色。105.通过上述步骤可以看出，本实施例首先对各设定区域中像素的个数进行了确定，针对像素个数的不同分别进行了各设定区域颜色的确定，然后通过对各设定区域颜色叠加后颜色的rgb值进一步确定是否需要调整各设定区域颜色，由此提高了对各设定区域颜色确定的准确性，进而能确定出更加准确的目标颜色，在基于目标颜色进行叠加后可以达到更好的视觉效果。106.s240、根据各所述设定区域的颜色，确定叠加至目标位置的目标颜色。107.在一个实施例中，根据各所述设定区域的颜色，确定叠加至目标位置的目标颜色，包括：108.在白色上将各所述设定区域的颜色以第一不透明度叠加，得到第一颜色；109.将所述第一颜色的饱和度调节至饱和度阈值范围内，亮度调节至亮度阈值范围内，得到第一目标颜色，所述目标颜色包括所述第一目标颜色。110.在一个实施例中，所述根据各所述设定区域的颜色，确定叠加至目标位置的目标颜色，包括：111.在白色上将各所述设定区域的颜色以第二不透明度叠加，得到第二颜色；112.将所述第二颜色的饱和度调节至所述饱和度阈值范围内，亮度调节至所述亮度阈值范围内，得到第二目标颜色，所述目标颜色包括所述第二目标颜色；113.其中，所述第二不透明度大于所述第一不透明度，且所述第二不透明度与所述第一不透明度的差值为设定数值，且所述第二不透明度小于等于第一数值，所述第一不透明度大于等于第二数值，所述第一数值大于所述第二数值。114.示例性的，图2b为本公开实施例二提供的一种得到第一颜色的流程示意图，如图2b所示，若上述步骤中可以得到6个设定区域的颜色a、b、c、d、e和f，将该6个颜色分别设置20％的不透明度，并叠加在100％#ffffff上得到颜色a1，将该6个颜色分别设置30％的不透明度，并与100％#ffffff叠加在一起得到颜色b1。115.其中，得到b1(第二颜色)和a1(第一颜色)时所设置的不透明度的差值可以为10％，得到b1时所设置的不透明度大于得到a1时所设置的不透明度。b1的不透明度小于60％，a1的不透明度大于10％。116.图2c为本公开实施例二提供的确定叠加至目标位置的目标颜色的示意图，如图2c所示，在hsb模式下分析a1的s值和b值，将a1的s(即饱和度)值和b(即亮度)值分别调整至20《s《60(即饱和度阈值范围)，30《b《60(即亮度阈值范围)，可以得到颜色a2，在hsb模式下分析b1的s值和b值，将b1的s值和b值分别调整至20《s《60(即饱和度阈值范围)，30《b《60(即亮度阈值范围)，可以得到颜色b2，将得到的a2，即第一目标颜色和b2，即第二目标颜色作为叠加至目标位置的目标颜色。本公开不对调节手段进行限定，只要调节后饱和度在饱和度阈值范围内，亮度在亮度阈值范围内即可。117.需要注意的是，第一目标颜色和第二目标颜色对应的饱和度预设可以相同也可以不同，第一目标颜色和第二目标颜色对应的亮度阈值可以相同也可以不同。通过限制饱和度阈值和亮度阈值，能够使得渲染后的结果观感更好。118.s250、在所述目标位置处叠加所述目标颜色以实现渲染。119.在确定了叠加至目标位置的目标颜色后，可以将目标位置的图层划分为不同的区域，分别对不同的区域以不同透明度进行目标颜色的叠加，以此实现渲染。120.示例性的，当目标位置的图层为1层时，目标颜色可以为b2或a2，以b2为例，例如可以在区域1叠加75％不透明度的b2，在所对应的区域2和区域3从下往上从0％不透明度依次增加5％的幅度直至75％不透明度来叠加b2；例如还可以在区域1和区域2叠加75％不透明度的b2，区域3从下往上从0％不透明度依次增加5％的固定不透明度直至75％不透明度来叠加b2。121.图2d为本公开实施例二提供的一种将目标颜色叠加至背景的示意图，参见图2d，示例性的，当目标位置的图层为2层时，目标颜色为a2和b2。首先对每个图层进行区域的划分，包括：划分为自背景顶部至图片顶部的区域1、自图片顶部至图片中轴线的区域2和自图片中轴线至图片底部的区域3；122.然后两层中底层图层12在所对应区域1和区域2叠加75％不透明度的b2；在区域3叠加b2，所述b2的不透明度在区域3内自图片底部至图片中轴线从0％不透明度以5％的固定不透明度渐变增加至75％不透明度；123.两层中顶层图层13在区域1的背景顶部至图片顶部叠加从0％不透明度渐变至75％不透明度的a2，区域2和区域3叠加0％不透明度的a2。124.其中，第二目标颜色可以为b2，第一目标颜色可以为a2。125.在图片的文字下方可以叠加b2，b2的不透明度的设置不作限定，可以参见叠加至背景处时所采用的设置方式。在文字区域下方叠加b2时，可以将目标位置适配至整幅图片。目标位置的划分方式可以参见目标位置为图片所在层级和所述图片的背景所在层级之间所增加图层时的划分方式。126.示例性的，自图片顶部至文字区域顶部为第一区域，自文字区域顶部至文字区域中轴线为第二区域，自文字区域中轴线至图片区域底部为第三区域。渲染各区域时，可以将第二目标颜色渲染至各区域，每个区域的不透明度的设置可以参见在所述目标位置为所述图片所在层级和所述图片的背景所在层级之间所增加图层时的设置方式。127.图2d中，背景11在最底层，两层中底层图层12在背景11上，两层中顶层图层13在底层图层12上，图片14在顶层图层13上。128.需要注意的是，本公开不对第一区域、第二区域和第三区域内目标颜色的不透明度进行限定，可以是任意不透明度。129.本公开通过对图片的设定区域进行取色然后计算出叠加至目标位置的目标颜色，实现了背景算色，有效的提升了人机画面在显示图片的氛围感。本示例通过对图片边缘的多点取色后进行算色，并调整适配到界面，实现了兼容性强的有益效果。130.本公开通过对图片边缘取色，然后确定目标颜色，使得渲染结果丰富性强，能够兼容深浅色模式。此外，还能让图片和背景的边缘交接处更加和谐，也可以兼容全屏场景。131.不同的图片在采用本公开提供的方法进行渲染后，使得每张图片的效果各不相同，实现了渲染结果丰富多彩的效果。132.本公开通过叠加两个图层，即两层的渐变叠加能够让图片更加柔和，更加灵动。133.本公开实施例二提供的一种渲染方法，该方法包括：确定处于所述背景内的图片的尺寸；根据所述尺寸，确定所述图片的设定区域；确定所述设定区域的颜色；根据各所述设定区域的颜色，确定叠加至目标位置的目标颜色；在所述目标位置处叠加所述目标颜色以实现渲染。利用该方法，通过目标物的尺寸适应性的选取对应的设定区域，然后确定该设定区域的颜色，提高了目标颜色确定的准确度，进一步提升了渲染效果，提升了用户的视觉体验。134.实施例三135.图3为本公开实施例三提供的一种渲染装置的结构示意图，该装置可适用于对画面进行渲染的情况，其中该装置可由软件和/或硬件实现，并一般集成在电子设备上。136.如图3所示，该装置包括：137.确定模块310，用于确定目标物上设定区域的颜色，所述设定区域至少为设定个数，所述设定个数大于1；138.目标颜色确定模块320，用于根据各所述设定区域的颜色，确定叠加至目标位置的目标颜色；139.目标颜色叠加模块330，用于在所述目标位置处叠加所述目标颜色以实现渲染。140.本公开实施例提供了一种渲染装置，该装置通过目标物多个设定区域的颜色确定叠加至目标位置的目标颜色，以实现渲染，增强了渲染效果，提升了用户的视觉效果141.进一步的，所述目标物为图片，相应的，所述目标位置包括：所述图片所在层级和所述图片的背景所在层级之间所增加图层，所述设定区域为处于所述背景内的图片上的区域；或者，142.所述目标位置为所述图片所在层级和所述图片上文字所在层级之间所增加图层。143.进一步的，确定模块310包括：144.尺寸确定单元，用于确定处于所述背景内的图片的尺寸；145.设定区域确定单元，用于根据所述尺寸，确定所述图片的设定区域；146.颜色确定单元，用于确定所述设定区域的颜色。147.进一步的，设定区域确定单元具体用于：148.在所述尺寸表征所述图片的第一边的长度大于第二边的长度时，在所述第一边上选取第一数量的设定区域；在所述第二边上选取第二数量的设定区域，所述第一数量大于所述第二数量，所述第一数量和所述第二数量的和至少为所述设定个数。149.进一步的，所述设定个数为六个，确定模块310具体用于：150.针对每个设定区域，在所述设定区域包括一个像素时，将所述像素的颜色确定为所述设定区域的颜色；在所述设定区域包括至少两个像素时，将各所述像素的主色确定为所述设定区域的颜色；151.在各所述设定区域内的颜色叠加后所形成的颜色的黑白灰值相等时，将各所述设定区域的颜色更新为所述目标物的主色。152.进一步的，目标颜色确定模块320包括：153.在白色上将各所述设定区域的颜色以第一不透明度叠加，得到第一颜色；154.将所述第一颜色的饱和度调节至饱和度阈值范围内，亮度调节至亮度阈值范围内，得到第一目标颜色，所述目标颜色包括所述第一目标颜色。155.进一步的，目标颜色确定模块320还包括：156.在白色上将各所述设定区域的颜色以第二不透明度叠加，得到第二颜色；157.将所述第二颜色的饱和度调节至所述饱和度阈值范围内，亮度调节至所述亮度阈值范围内，得到第二目标颜色，所述目标颜色包括所述第二目标颜色；158.其中，所述第二不透明度大于所述第一不透明度，且所述第二不透明度与所述第一不透明度的差值为设定数值，且所述第二不透明度小于等于第一数值，所述第一不透明度大于等于第二数值，所述第一数值大于所述第二数值。159.进一步的，目标颜色叠加模块330具体用于：160.将所述目标颜色以不同透明度叠加至所述目标位置处。161.进一步的，目标颜色叠加模块330具体用于：将所述目标颜色以不同透明度叠加至所述目标位置处，包括：162.在所述目标位置为所述图片所在层级和所述图片的背景所在层级之间所增加图层时，所增加图层为两层，每层被划分为自所述背景顶部至所述图片顶部的第一区域、自所述图片顶部至所述图片中轴线的第二区域和自所述图片中轴线至所述图片底部的第三区域；163.两层中底层图层在所对应第一区域和所对应第二区域叠加第三不透明度的所述第二目标颜色；在所对应第三区域叠加所述第二目标颜色，所述第二目标颜色的不透明度在所对应第三区域内自所述图片底部至所述图片中轴线从第四不透明度渐变至所述第三不透明度，所述第四不透明度小于所述第三不透明度；164.两层中顶层图层在所对应第一区域的所述背景顶部至所述图片顶部叠加从第五不透明度渐变至第六不透明度的所述第一目标颜色，所述第五不透明度大于所述第六不透明度，所对应第二区域和所对应第三区域叠加第六不透明度的所述第一目标颜色。165.上述渲染装置可执行本公开任意实施例所提供的渲染方法，具备执行方法相应的功能模块和有益效果。166.实施例四167.图4为本公开实施例四提供的一种电子设备的结构示意图。图4示出了适于用来实现本公开实施例的电子设备400的结构示意图。本公开实施例中的电子设备400可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、个人数字助理(personaldigitalassistant，pda)、平板电脑(portableandroiddevice，pad)、便携式多媒体播放器(portablemediaplayer，pmp)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字tv、台式计算机等等的固定终端。图4示出的电子设备400仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。168.如图4所示，电子设备400可以包括一个或多个处理装置(例如中央处理器、图形处理器等)401，其可以根据存储在只读存储器(read-onlymemory，rom)402中的程序或者从存储装置408加载到随机访问存储器(randomaccessmemory，ram)403中的程序而执行各种适当的动作和处理。一个或多个处理装置401实现如本公开提供的方法。在ram403中，还存储有电子设备400操作所需的各种程序和数据。处理装置401、rom402以及ram403通过总线404彼此相连。输入/输出(input/output，i/o)接口405也连接至总线404。169.通常，以下装置可以连接至i/o接口405：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置406；包括例如液晶显示器(liquidcrystaldisplay，lcd)、扬声器、振动器等的输出装置407；包括例如磁带、硬盘等的存储装置408，存储装置408用于存储一个或多个程序；以及通信装置409。通信装置409可以允许电子设备400与其他设备进行无线或有线通信以交换数据。虽然图4示出了具有各种装置的电子设备400，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。170.特别地，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信装置409从网络上被下载和安装，或者从存储装置408被安装，或者从rom402被安装。在该计算机程序被处理装置401执行时，执行本公开实施例的方法中限定的上述功能。171.需要说明的是，本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是，但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(ram)、只读存储器(rom)、可擦式可编程只读存储器(eprom或闪存)、光纤、便携式紧凑磁盘只读存储器(compactdiscread-onlymemory，cd-rom)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、rf(射频)等等，或者上述的任意合适的组合。172.在一些实施方式中，客户端、服务器可以利用诸如超文本传输协议(hypertexttransferprotocol，http)之类的任何当前已知或未来研发的网络协议进行通信，并且可以与任意形式或介质的数字数据通信(例如，通信网络)互连。通信网络的示例包括局域网(lan)，广域网(wan)，网际网(例如，互联网)以及端对端网络(例如，adhoc端对端网络)，以及任何当前已知或未来研发的网络。173.上述计算机可读介质可以是上述电子设备400中所包含的；也可以是单独存在，而未装配入该电子设备400中。174.上述计算机可读介质存储有一个或者多个计算机程序，当上述一个或者多个程序被处理装置执行时实现如下方法：确定目标物上设定区域的颜色，所述设定区域至少为设定个数，所述设定个数大于1；175.根据各所述设定区域的颜色，确定叠加至目标位置的目标颜色；176.在所述目标位置处叠加所述目标颜色。177.上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备400可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码，上述程序设计语言包括面向对象的程序设计语言，诸如java、smalltalk、c++，还包括常规的过程式程序设计语言，诸如“c”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络，包括局域网(lan)或广域网(wan)连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。178.附图中的流程图和框图，图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。179.描述于本公开实施例中所涉及到的模块可以通过软件的方式实现，也可以通过硬件的方式来实现。其中，模块的名称在某种情况下并不构成对该模块本身的限定。180.本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如，非限制性地，可以使用的示范类型的硬件逻辑部件包括：现场可编程门阵列(fieldprogrammablegatearray，fpga)、专用集成电路(applicationspecificintegratedcircuit，asic)、专用标准产品(applicationspecificstandardparts，assp)、片上系统(systemonchip，soc)、复杂可编程逻辑设备(complexprogramminglogicdevice，cpld)等等。181.在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(ram)、只读存储器(rom)、可擦除可编程只读存储器(eprom或快闪存储器)、光纤、便捷式紧凑盘只读存储器(cd-rom)、光学储存设备、磁储存设备、或上述内容的任何合适组合。182.根据本公开的一个或多个实施例，示例1提供了一种界面渲染方法，包括：183.确定目标物上设定区域的颜色，所述设定区域至少为设定个数，所述设定个数大于1；184.根据各所述设定区域的颜色，确定叠加至目标位置的目标颜色；185.在所述目标位置处叠加所述目标颜色以实现渲染。186.根据本公开的一个或多个实施例，示例2根据示例1所述的方法，187.所述目标物为图片，相应的，所述目标位置包括：所述图片所在层级和所述图片的背景所在层级之间所增加图层，所述设定区域为处于所述背景内的图片上的区域；或者，188.所述目标位置为所述图片所在层级和所述图片上文字所在层级之间所增加图层。189.根据本公开的一个或多个实施例，示例3根据示例2所述的方法，190.所述确定目标物上设定区域的颜色，包括：191.确定处于所述背景内的图片的尺寸；192.根据所述尺寸，确定所述图片的设定区域；193.确定所述设定区域的颜色。194.根据本公开的一个或多个实施例，示例4根据示例3所述的方法，195.所述根据所述尺寸，确定所述图片的设定区域，包括：196.在所述尺寸表征所述图片的第一边的长度大于第二边的长度时，在所述第一边上选取第一数量的设定区域；在所述第二边上选取第二数量的设定区域，所述第一数量大于所述第二数量，所述第一数量和所述第二数量的和至少为所述设定个数。197.根据本公开的一个或多个实施例，示例5根据示例3所述的方法，198.所述设定个数为六个，确定所述设定区域的颜色，包括：199.针对每个设定区域，在所述设定区域包括一个像素时，将所述像素的颜色确定为所述设定区域的颜色；在所述设定区域包括至少两个像素时，将各所述像素的主色确定为所述设定区域的颜色；200.在各所述设定区域内的颜色叠加后所形成的颜色的黑白灰值相等时，将各所述设定区域的颜色更新为所述目标物的主色。201.根据本公开的一个或多个实施例，示例6根据示例2所述的方法，202.所述根据各所述设定区域的颜色，确定叠加至目标位置的目标颜色，包括：203.在白色上将各所述设定区域的颜色以第一不透明度叠加，得到第一颜色；204.将所述第一颜色的饱和度调节至饱和度阈值范围内，亮度调节至亮度阈值范围内，得到第一目标颜色，所述目标颜色包括所述第一目标颜色。205.根据本公开的一个或多个实施例，示例7根据示例6所述的方法，206.在白色上将各所述设定区域的颜色以第二不透明度叠加，得到第二颜色；207.将所述第二颜色的饱和度调节至所述饱和度阈值范围内，亮度调节至所述亮度阈值范围内，得到第二目标颜色，所述目标颜色包括所述第二目标颜色；208.其中，所述第二不透明度大于所述第一不透明度，且所述第二不透明度与所述第一不透明度的差值为设定数值，且所述第二不透明度小于等于第一数值，所述第一不透明度大于等于第二数值，所述第一数值大于所述第二数值。209.根据本公开的一个或多个实施例，示例8根据示例7所述的方法，210.所述在所述目标位置处叠加所述目标颜色以实现渲染，包括：211.将所述目标颜色以不同透明度叠加至所述目标位置处。212.根据本公开的一个或多个实施例，示例9根据示例8所述的方法，213.将所述目标颜色以不同透明度叠加至所述目标位置处，包括：214.在所述目标位置为所述图片所在层级和所述图片的背景所在层级之间所增加图层时，所增加图层为两层，每层被划分为自所述背景顶部至所述图片顶部的第一区域、自所述图片顶部至所述图片中轴线的第二区域和自所述图片中轴线至所述图片底部的第三区域；215.两层中底层图层在所对应第一区域和所对应第二区域叠加第三不透明度的所述第二目标颜色；在所对应第三区域叠加所述第二目标颜色，所述第二目标颜色的不透明度在所对应第三区域内自所述图片底部至所述图片中轴线从第四不透明度渐变至所述第三不透明度，所述第四不透明度小于所述第三不透明度；216.两层中顶层图层在所对应第一区域的所述背景顶部至所述图片顶部叠加从第五不透明度渐变至第六不透明度的所述第一目标颜色，所述第五不透明度大于所述第六不透明度，所对应第二区域和所对应第三区域叠加第六不透明度的所述第一目标颜色。217.根据本公开的一个或多个实施例，示例10提供了一种界面渲染装置，包括：218.确定模块，用于确定目标物上设定区域的颜色，所述设定区域至少为设定个数，所述设定个数大于1；219.目标颜色确定模块，用于根据各所述设定区域的颜色，确定叠加至目标位置的目标颜色；220.目标颜色叠加模块，用于在所述目标位置处叠加所述目标颜色以实现渲染。221.根据本公开的一个或多个实施例，示例11提供了一种电子设备，包括：222.一个或多个处理装置；223.存储装置，用于存储一个或多个程序；224.当所述一个或多个程序被所述一个或多个处理装置执行，使得所述一个或多个处理装置实现如权利要求1-9中任一所述的方法。225.根据本公开的一个或多个实施例，示例12提供了一种计算机可读介质，其上存储有计算机程序，其特征在于，该程序被处理装置执行时实现如权利要求1-9中任一所述的方法。226.以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解，本公开中所涉及的公开范围，并不限于上述技术特征的特定组合而成的技术方案，同时也应涵盖在不脱离上述公开构思的情况下，由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。227.此外，虽然采用特定次序描绘了各操作，但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序执行来执行。在一定环境下，多任务和并行处理可能是有利的。同样地，虽然在上面论述中包含了若干具体实现细节，但是这些不应当被解释为对本公开的范围的限制。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地，在单个实施例的上下文中描述的各种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。228.尽管已经采用特定于结构特征和/或方法逻辑动作的语言描述了本主题，但是应当理解所附权利要求书中所限定的主题未必局限于上面描述的特定特征或动作。相反，上面所描述的特定特征和动作仅仅是实现权利要求书的示例形式。当前第1页12当前第1页12