System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind() 网页中图像的处理方法、装置、存储介质和电子装置制造方法及图纸_技高网

网页中图像的处理方法、装置、存储介质和电子装置制造方法及图纸

技术编号:40708060 阅读:3 留言:0更新日期:2024-03-22 11:08
本申请公开了一种网页中图像的处理方法、装置、存储介质和电子装置。该方法包括:在网页的目标显示控件中,获取待对比的第一图像和第二图像,其中,第一图像所处层级在第二图像所处层级之上;响应对第一图像上的滑块表单执行的滑动操作,得到滑动数据,其中,滑块表单为通过超文本标记语言中的表单元素在第一图像上构建得到,滑动数据为通过叠层样式表定义的变量;基于滑动数据,在第一图像的图像区域中,确定目标显示区域;在目标显示控件中,显示第一图像在目标显示区域中的第一目标图像内容,以及第二图像中未被第一目标图像内容覆盖的第二目标图像内容。本申请解决了无法快速对图像进行显示的技术问题。

【技术实现步骤摘要】

本公开涉及图像处理领域,具体而言,涉及一种网页中图像的处理方法、装置、存储介质和电子装置


技术介绍

1、目前,图像对比功能是一种常见的需求,通过图像对比功能可以更好地展示产品或服务的特征,从而吸引用户的注意力并提高用户体验。

2、在相关技术中,实现图像对比功能需要使用一些前端工具,比如,超文本标记语言(hyper-text markup language,简称为html)、叠层样式表(cascading style sheets,简称为css)和编程语言(javascript)等工具,以实现图像的对比,但是使用javascript实现图像对比功能的过程中,数据计算量过多,从而存在无法快速对图像进行显示的技术效果。

3、针对上述的问题,目前尚未提出有效的解决方案。


技术实现思路

1、本公开至少部分实施例提供了一种网页中图像的处理方法、装置、存储介质和电子装置,以至少解决无法快速对图像进行显示的技术问题。

2、根据本公开其中一实施例,提供了一种网页中图像的处理方法。该方法可以包括:在网页的目标显示控件中,获取待对比的第一图像和第二图像,其中,第一图像所处层级在第二图像所处层级之上;响应对第一图像上的滑块表单执行的滑动操作,得到滑动数据,其中,滑块表单为通过超文本标记语言中的表单元素在第一图像上构建得到,滑动数据为通过叠层样式表定义的变量;基于滑动数据,在第一图像的图像区域中,确定目标显示区域;在目标显示控件中,显示第一图像在目标显示区域中的第一目标图像内容,以及第二图像中未被第一目标图像内容覆盖的第二目标图像内容。

3、根据本申请其中一实施例,还提供了一种网页中图像的处理装置。该装置可以包括:获取单元,用于在网页的目标显示控件中,获取待对比的第一图像和第二图像,其中,第一图像所处层级在第二图像所处层级之上;处理单元,用于响应对第一图像上的滑块表单执行的滑动操作,得到滑动数据,其中,滑块表单为通过超文本标记语言中的表单元素在第一图像上构建得到,滑动数据为通过叠层样式表定义的变量;确定单元,用于基于滑动数据,在第一图像的图像区域中,确定目标显示区域;显示单元,用于在目标显示控件中,显示第一图像在目标显示区域中的第一目标图像内容,以及第二图像中未被第一目标图像内容覆盖的第二目标图像内容。

4、根据本申请其中一实施例,还提供了一种计算机可读存储介质。该计算机可读存储介质中存储有计算机程序,其中,计算机程序被设置为运行时执行上述任一项中的网页中图像的处理方法。

5、根据本申请其中一实施例,还提供了一种电子装置。该电子装置可以包括存储器和处理器,存储器中存储有计算机程序,处理器被设置为运行计算机程序以执行上述任一项中的网页中图像的处理方法。

6、在本申请实施例中,在网页的目标显示控件中,获取待对比的第一图像和第二图像,其中,第一图像所处层级在第二图像所处层级之上;响应对第一图像上的滑块表单执行的滑动操作,得到滑动数据,其中,滑块表单为通过超文本标记语言中的表单元素在第一图像上构建得到,滑动数据为通过叠层样式表定义的变量;基于滑动数据,在第一图像的图像区域中,确定目标显示区域;在目标显示控件中,显示第一图像在目标显示区域中的第一目标图像内容,以及第二图像中未被第一目标图像内容覆盖的第二目标图像内容。也即,该实施例通过超文本标记语言构建滑块表单,基于滑块表单的滑动数据,确定第一图像在目标显示控件中的目标显示区域,以基于目标显示区域在目标显示控件中,显示第一图像的部分内容,以及第二图像的部分内容,上述方法只使用超文本标记语言和叠层样式表进行数据的处理,避免需要用其他交互工具来监听滑动条的值,从而实现了可以快速对图像进行显示的技术效果,解决了无法快速对图像进行显示的技术问题。

本文档来自技高网...

【技术保护点】

1.一种网页中图像的处理方法,其特征在于,包括:

2.根据权利要求1所述的方法,其特征在于,基于所述滑动数据,在所述第一图像的图像区域中,确定所述目标显示区域,包括:

3.根据权利要求2所述的方法,其特征在于,基于所述区域尺寸,确定所述目标显示区域,包括:

4.根据权利要求3所述的方法,其特征在于,基于所述区域尺寸,确定调整所述第一图像的所述图像区域的所述调整参数,包括:

5.根据权利要求1所述的方法,其特征在于,响应对所述第一图像上的所述滑块表单执行的所述滑动操作,得到所述滑动数据,包括:

6.根据权利要求5所述的方法,其特征在于,所述方法还包括:

7.根据权利要求6所述的方法,其特征在于,将采集到的所述滑动数据以变量形式存储至所述目标位置处,包括:

8.根据权利要求1所述的方法,其特征在于,所述方法还包括:

9.根据权利要求8所述的方法,其特征在于,所述方法还包括:

10.根据权利要求1所述的方法,其特征在于,所述方法还包括:

11.根据权利要求10所述的方法,其特征在于,所述第一属性信息包括所述目标显示控件的相对定位与目标宽度,所述第二属性信息包括所述待对比图像的绝对定位与尺寸,所述多个待对比图像的尺寸相同。

12.一种网页中图像的处理装置,其特征在于,包括:

13.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质中存储有计算机程序,其中,所述计算机程序被设置为被处理器运行时执行所述权利要求1至11中任一项中所述的方法。

14.一种电子装置,包括存储器和处理器,其特征在于,所述存储器中存储有计算机程序,所述处理器被设置为运行所述计算机程序以执行所述权利要求1至11中任一项中所述的方法。

...

【技术特征摘要】

1.一种网页中图像的处理方法,其特征在于,包括:

2.根据权利要求1所述的方法,其特征在于,基于所述滑动数据,在所述第一图像的图像区域中,确定所述目标显示区域,包括:

3.根据权利要求2所述的方法,其特征在于,基于所述区域尺寸,确定所述目标显示区域,包括:

4.根据权利要求3所述的方法,其特征在于,基于所述区域尺寸,确定调整所述第一图像的所述图像区域的所述调整参数,包括:

5.根据权利要求1所述的方法,其特征在于,响应对所述第一图像上的所述滑块表单执行的所述滑动操作,得到所述滑动数据,包括:

6.根据权利要求5所述的方法,其特征在于,所述方法还包括:

7.根据权利要求6所述的方法,其特征在于,将采集到的所述滑动数据以变量形式存储至所述目标位置处,包括:

8.根据权利要求1所述的方法,其特征在于,所...

【专利技术属性】
技术研发人员:杨泽伟
申请(专利权)人:网易杭州网络有限公司
类型:发明
国别省市:

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

1