图像渲染方法、装置、电子设备及存储介质制造方法及图纸

本申请的实施方式提供了一种图像渲染方法、装置、电子设备及存储介质。该图像渲染方法包括：获取图像渲染参数以及设备显示参数，图像渲染参数包括图像渲染数据以及图像渲染配置；基于渲染入口组件，根据图像渲染参数以及设备显示参数确定图像渲染规则；若图像渲染规则与图像设定规则相匹配，则将第一画布图层重叠于第二画布图层之上；根据图像渲染规则对第一画布图层进行动态功能渲染，以及根据图像渲染规则对第二画布图层进行静态功能渲染，得到目标渲染图像。本申请的方法能够解决单一画布图层在绘制时会产生大量无效渲染的问题，从而解决因内存占用过高而导致页面卡顿的问题，从整体上提升图像渲染性能。整体上提升图像渲染性能。整体上提升图像渲染性能。

【技术实现步骤摘要】
图像渲染方法、装置、电子设备及存储介质


[0001]本申请的实施方式涉及计算机领域，更具体地，本申请的实施方式涉及图像渲染方法、装置、电子设备及存储介质。

技术介绍

[0002]本部分旨在为权利要求书中陈述的本申请的实施方式提供背景或上下文。此处的描述可包括可以探究的概念，但不一定是之前已经想到或者已经探究的概念。因此，除非在此指出，否则在本部分中描述的内容对于本申请的说明书和权利要求书而言不是现有技术，并且并不因为包括在本部分中就承认是现有技术。
[0003]当前的素质教育行业蓬勃发展，其中，在线的棋类应用层出不穷，在众多棋类应用当中，棋盘是棋类应用中是必不可少的核心工具，需要考虑棋盘在渲染上、动画上的效果以及所占用的运行内存，以提升用户体验。基于JavaScript开发的棋盘平台可以适用于小程序、PC浏览器、移动端浏览器和App，而由于Canvas API是JavaScript API，所以基于JavaScript开发的棋盘平台还支持在服务器端进行渲染以实现渲染生成图片的功能，方便在棋类应用中进行处理。
[0004]在现有技本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种图像渲染方法，其特征在于，包括：获取图像渲染参数以及设备显示参数，所述图像渲染参数包括图像渲染数据以及图像渲染配置；基于渲染入口组件，根据所述图像渲染参数以及所述设备显示参数确定图像渲染规则；所述渲染入口组件为待渲染的第一画布图层以及第二画布图层所需的渲染功能的调用入口；若所述图像渲染规则与图像设定规则相匹配，则将所述第一画布图层重叠于所述第二画布图层之上；根据所述图像渲染规则对所述第一画布图层进行动态功能渲染，以及根据所述图像渲染规则对所述第二画布图层进行静态功能渲染，得到目标渲染图像。2.根据权利要求1所述的图像渲染方法，其特征在于，所述根据所述图像渲染规则对所述第一画布图层进行动态功能渲染，以及根据所述图像渲染规则对所述第二画布图层进行静态功能渲染之前，包括：根据所述设备显示参数初始化显示配置，所述设备显示参数包括设备显示尺寸、设备显示比例以及显示像素比；根据所述图像渲染规则确定画布缩放比例，所述图像渲染规则包括图像网格尺寸以及图像网格线路数量；根据所述显示配置以及所述画布缩放比例构建所述第一画布图层以及所述第二画布图层。3.根据权利要求2所述的图像渲染方法，其特征在于，所述根据所述图像渲染规则对所述第一画布图层进行动态功能渲染，以及根据所述图像渲染规则对所述第二画布图层进行静态功能渲染之前，还包括：获取画像动态资源，所述画像动态资源包括元素添加动态以及元素消失动态；基于所述图像渲染配置以及所述画像动态资源初始化设备缓存信息，所述图像渲染配置包括图像背景主题以及元素样式信息。4.根据权利要求3所述的图像渲染方法，其特征在于，所述根据所述图像渲染规则对所述第一画布图层进行动态功能渲染，包括：清空所述第一画布图层；对所述第一画布图层的字体信息以及起始点坐标进行初始化；监测元素变动事件，所述元素变动事件包括元素添加事件、添加确认事件以及元素消失事件；若监测到所述元素添加事件，则执行选中渲染策略；以及执行所述元素添加动态；若监测到所述元素消失事件，则执行所述元素消失动态。5.根据权利要求4所述的图像渲染方法，其特征在于，所述执行所述元素消失动态，包括：基于所述图像网格尺寸、所述画布缩放比例以及所述设备缓存信息确定消失元素坐标集合；获取每一元素消失位置对应的元素消失动态；
在所述消失元素坐标集合中的每一元素消失位置坐标上绘制每一元素消失位置对应的元素消失动态...

【专利技术属性】
技术研发人员：刘使峻，郑可冠，倪洪生，
申请(专利权)人：网易有道信息技术北京有限公司，
类型：发明
国别省市：