图像展示方法、装置、电子设备和存储介质制造方法及图纸

技术编号:27876475 阅读:24 留言:0更新日期:2021-03-31 00:52
本发明专利技术实施例公开了一种图像展示方法、装置、电子设备和存储介质,涉及计算机技术领域,该方法包括:获取绘制控制参数以及元素所占的比例值;其中,绘制控制参数包括第一图片的地址;根据绘制控制参数获取第一图片,并基于第一图片以及比例值,绘制生成用于展示元素所占比例的效果图;获取效果图,将效果图进行可视化展示。本发明专利技术实施例的技术方案,可以通过绘制控制参数的可配置化实现便捷并且灵活的展示元素所占比例,提升展示效果,并提升展示代码的开发效率,降低开发成本。

【技术实现步骤摘要】
图像展示方法、装置、电子设备和存储介质
本专利技术实施例涉及计算机技术,尤其涉及一种图像展示方法、装置、电子设备和存储介质。
技术介绍
目前,在页面上经常使用进度条或者扇形图、饼状图等来展示事件进度或元素所占比例。比如,使用进度条来展示页面的加载进度,使用扇形图来展示某个年龄段的人口数量占总人口数量的比例。在实现本专利技术的过程中,发现现有技术中至少存在如下问题:上述展示事件进度或元素所占比例的方案,需要针对每种应用场景分别开发展示代码,开发效率低下,成本高,并且针对相同的应用场景其展示效果单一,展示效果差。
技术实现思路
本专利技术实施例提供了一种图像展示方法、装置、电子设备和存储介质,以实现便捷并且灵活的展示元素所占比例,提升展示效果,并提升展示代码的开发效率,降低开发成本的目的。第一方面,本专利技术实施例提供了一种图像展示方法,该方法包括:获取绘制控制参数以及元素所占的比例值;其中,所述绘制控制参数包括第一图片的地址;根据所述绘制控制参数获取第一图片,并基于所述第一图片以及所述比本文档来自技高网...

【技术保护点】
1.一种图像展示方法,其特征在于,包括:/n获取绘制控制参数以及元素所占的比例值;其中,所述绘制控制参数包括第一图片的地址;/n根据所述绘制控制参数获取第一图片,并基于所述第一图片以及所述比例值,绘制生成用于展示所述元素所占比例的效果图;/n获取所述效果图,将所述效果图进行可视化展示。/n

【技术特征摘要】
1.一种图像展示方法,其特征在于,包括:
获取绘制控制参数以及元素所占的比例值;其中,所述绘制控制参数包括第一图片的地址;
根据所述绘制控制参数获取第一图片,并基于所述第一图片以及所述比例值,绘制生成用于展示所述元素所占比例的效果图;
获取所述效果图,将所述效果图进行可视化展示。


2.根据权利要求1所述的方法,其特征在于,所述获取绘制控制参数,包括:
获取通过当前页面输入的绘制控制参数;或者,
获取预先配置的绘制控制参数;或者,
获取根据预设参数的当前取值确定的绘制控制参数。


3.根据权利要求2所述的方法,其特征在于,通过当前页面输入的所述第一图片的地址包括:所述第一图片的在线链接地址,或者所述第一图片的本地存储地址。


4.根据权利要求2所述的方法,其特征在于,所述获取根据预设参数的当前取值确定的绘制控制参数,包括:
确定预设参数的当前取值;
根据所述预设参数的当前取值以及预先设置的参数取值与绘制控制参数的对应关系,确定所述预设参数的当前取值所对应的绘制控制参数。


5.根据权利要求2所述的方法,其特征在于,所述预设参数包括:当前用户的个人信息参数、场景参数、以及业务参数中的至少一项。


6.根据权利要求1-5中任一项所述的方法,其特征在于,所述绘制控制参数还包括:分割线绘制参数;
相应的,所述根据所述绘制控制参数获取第一图片,并基于所述第一图片以及所述比例值,绘制生成用于展示所述元素所占比例的效果图,包括:
根据所述绘制控制参数获取第一图片,并识别所述第一图片中的第一图形;
基于所述分割线绘制参数绘制分割线;
根据所述比例值生成包含所述分割线和所述第一图形的效果图,其中在所述效果图中所述分割线将所述第一图形划分为两部分,并且所述分割线的不同位置反映所述元素所占的不同比例。


7.根据权利要求6所述的方法,其特征在于,所述分割线绘制参数包括:分割线形状参数;
相应的,所述基于所述分割线绘制参数绘制分割线,包括:
根据所述第一图形的尺寸确定分割线长度参数,根据所述分割线长度参数和所述分割线形状参数绘制分割线。


8.根据权利要求7所述的方法,其特征在于,所述分割线为波浪线;所述分割线形状参数包括:波浪幅度参数;
相应的,所述根据所述第一图形的尺寸确定分割线长度参数,根据所述分割线长度参数和所述分割线形状参数绘制分割线,包括:
根据所述第一图片中第一图形的外切矩形的长度或宽度确定波浪线的起始点和终止点;
根据所述波浪幅度参数确定波浪线的至少一个中间转折点;
基于所述起始点、所述终止点和所述中间转折点进行曲线绘制,获得生成的波浪线。


9.根据权利要求6所述的方法,其特征在于,所述根据所述比例值生成包含所述分割线...

【专利技术属性】
技术研发人员:王少康
申请(专利权)人:京东数字科技控股股份有限公司
类型:发明
国别省市:北京;11

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1