The application discloses a picture display edge processing method, device, electronic device and readable storage medium, relating to a picture display technology. According to the shape of the display area corresponding to the image to be processed, the display edge of the image to be processed is obtained; in the first edge pixel point of the display edge, the second edge pixel point whose boundary is blurred with the preset page background is determined; the second edge pixel point is configured to form the visual attribute information of edge distinction, and the edge traced image is obtained; the edge traced is displayed in the shape of the display area After the image, aiming at the pixel points in the display edge and the blurry border of the page background, the processing of the image display edge is realized, and the picture after the edge stroke is obtained, which improves the visual integrity of the picture display, and reduces the compatibility requirements of the picture edge display through the pixel point configuration of the picture itself.
【技术实现步骤摘要】
图片显示边缘处理方法、装置、电子设备和可读存储介质
本申请涉及计算机领域,具体涉及一种图片显示技术。
技术介绍
在页面展示图片时,某些图片由于边界区域的颜色和页面背景颜色一致,导致图片内容的边缘和页面背景之间界限不清晰,给用户一种图片残缺的视觉错觉。现有技术,通常是以CSS样式表给图片容器增加边框,并给边框元素添加分辨率适配样式,以在不同分辨率下形成适配的边框宽度。比如在3倍屏下添加1个逻辑单位的边框,则在预设的逻辑像素边宽基础上再设定缩小3倍。但是现有的描边方案只能在支持css3特性的浏览器使用,存在屏幕分辨率上有兼容性等问题。而且,边框的颜色还可能和图片的部分边缘产生重合,仍可能出现图片边界不清晰的问题。可见,现有的图片显示方法可靠性不够高,用户体验不好。
技术实现思路
本专利技术的目的是提供一种图片显示边缘处理方法、装置、电子设备和可读存储介质。根据本专利技术的第一方面,提供了一种图片显示边缘处理方法,包括:根据与待处理图片对应的显示区形状,获取待处理图片的显示边缘;在所述显示边缘的第一边缘像素点中,确定与预设的页面背景之间边界模糊的第二边缘像素点;对所述第二边缘像素点配置与所述页面背景形成边界区分的可视化属性信息,得到描边后的图片;以所述显示区形状显示所述描边后的图片。本申请实施例针对显示边缘中与页面背景边界模糊处像素点,进行了能够与背景形成边界区分的可视化属性信息配置,实现了对图片显示边缘的处理,得到描边后的图片,从 ...
【技术保护点】
1.一种图片显示边缘处理方法,其特征在于,包括:/n根据与待处理图片对应的显示区形状,获取待处理图片的显示边缘;/n在所述显示边缘的第一边缘像素点中,确定与预设的页面背景之间边界模糊的第二边缘像素点;/n对所述第二边缘像素点配置与所述页面背景形成边界区分的可视化属性信息,得到描边后的图片;/n以所述显示区形状显示所述描边后的图片。/n
【技术特征摘要】
1.一种图片显示边缘处理方法,其特征在于,包括:
根据与待处理图片对应的显示区形状,获取待处理图片的显示边缘;
在所述显示边缘的第一边缘像素点中,确定与预设的页面背景之间边界模糊的第二边缘像素点;
对所述第二边缘像素点配置与所述页面背景形成边界区分的可视化属性信息,得到描边后的图片;
以所述显示区形状显示所述描边后的图片。
2.根据权利要求1所述的方法,其特征在于,所述根据预设的显示区形状,获取待处理图片的显示边缘,包括:
根据预设的显示区形状和预设的填充属性,在所述待处理图片中确定显示区域,其中,所述显示区域是所述待处理图片以所述填充属性填充在所述显示区形状内的区域,其中,所述填充属性包括缩放属性和/或偏移属性;
将所述显示区域的边缘,作为所述待处理图片的显示边缘。
3.根据权利要求1或2所述的方法,其特征在于,在所述根据预设的显示区形状,获取待处理图片的显示边缘之前,还包括:
根据预设的图片布局和/或所述待处理图片的图片比例,获取待处理图片的显示区形状。
4.根据权利要求3所述的方法,其特征在于,所述根据预设的图片布局,获取待处理图片的显示区形状,包括:
根据预设的瀑布流式布局,获取相邻图片队列间距、页面边距和图片队列数;
根据预设的页面宽度、所述相邻图片队列间距、所述页面边距和所述图片队列数,确定图片队列的限定尺寸,其中,所述限定尺寸是在与所述图片队列的排布方向相垂直的方向上,所述图片队列的尺寸;
对所述待处理图片获取矩形显示比例;
根据所述图片队列的限定尺寸和所述矩形显示比例,获取待处理图片在瀑布流式布局中的显示区形状,其中,所述显示区形状是在与所述图片队列的排布方向相垂直的方向上满足所述限定尺寸,且符合所述矩形显示比例的矩形。
5.根据权利要求1所述的方法,其特征在于,所述在所述显示边缘的第一边缘像素点中,确定与预设的页面背景边界模糊的第二边缘像素点,包括:
获取页面背景的背景颜色信息;
对所述显示边缘的各所述第一边缘像素点,获取像素颜色信息与所述背景颜色信息的色差程度;
将所述色差程度小于预设色差阈值的所述第一边缘像素点,作为与预设的页面背景边界模糊的第二边缘像素点。
6.根据权利要求5所述的方法,其特征在于,所述获取页面...
【专利技术属性】
技术研发人员:杨茗名,王群,张苗,
申请(专利权)人:百度在线网络技术北京有限公司,
类型:发明
国别省市:北京;11
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。