一种显示图片的方法及装置制造方法及图纸

本申请提供一种显示图片的方法及装置。其中所述方法包括：在图片内确定与预设顶点相关联的参考点，所述预设顶点为所述图片的第一边与第二边的交点，所述参考点到第一边和第二边的距离相等；根据所述参考点与所述预设顶点之间的位置关系，在所述图片中确定待处理像素点的集合；计算所述待处理像素点的集合中各个像素点与所述参考点之间的距离；将计算的距离大于预设距离阈值的像素点确定为舍弃像素点，并将所述图片中除所述舍弃像素点之外的像素点显示于终端设备的屏幕上。本申请实施例提供的一种显示图片的方法及装置，在避免利用基本元素对图片进行分割的情况下，能够绘制出具备平滑的圆角区域的图片。

Method and device for displaying pictures

The present application provides a method and apparatus for displaying pictures. The method includes: determining vertices associated with the preset reference point within the picture, intersection of the preset vertex for the picture of the first and second edge, the reference point to the same distance from the first side and the second side; according to the location of the reference point and the preset between vertices in the picture, to determine sets of pixels; calculating the set processing pixel in each pixel point and the distance between the reference point; will calculate the pixel distance is greater than a preset distance threshold determined to abandon the pixel, and the picture in addition to abandon the pixel dots outside the display screen in the terminal equipment. A method and apparatus for displaying pictures provided by an embodiment of the present invention, capable of drawing a picture with a smooth rounded area without avoiding the use of a basic element for segmenting a picture.

【技术实现步骤摘要】

本申请涉及图像处理
，特别涉及一种显示图片的方法及装置。
技术介绍
随着图像处理
的不断发展，目前可以借助各种各样的绘图设备，将图片上显示的内容绘制于显示屏幕上。所述绘图设备可以是显示接口卡(GraphicsCard，简称显卡)或者集成了显卡功能的设备(例如电视盒子、集成了显卡功能的处理器等)。在实际应用中，待绘制的图片往往可以按照指定的路径存储于存储设备中，所述存储设备可以集成于绘图设备中，也可以作为能够被绘图设备进行访问的独立设备。在对所述待绘制的图片进行绘制时，绘图设备可以从所述指定的路径处读取该待绘制的图片，然后可以将该待绘制的图片中的每个像素点渲染至显示屏幕上。目前，待绘制的图片的形状往往是矩形的，然而根据实际应用场景的需求，在对矩形图片进行绘制时，有时需要将矩形图片的四个直角绘制为圆角形状，从而使得用户获得更加富有美感的视觉体验。在当前的现有技术中，往往可以根据以下步骤来显示具备圆角的矩形图片。首先，可以将矩形图片用三角形进行分割。请参阅图1，现有技术中往往将三角形作为基本元素，利用三角形将矩形图片进行分割。对于矩形图片的四个直角区域，则用多个三角形模拟出圆角的形状，这样便可以从矩形图片的四个直角区域中分割出四个圆角区域。然后可以向每个三角形内填充矩形图片对应的像素，从而完成显示图片的流程。根据现有技术中显示图片的方法，需要通过多个三角形来模拟圆角的形状。为了使得模拟出的圆角更加平滑，则需要减小三角形的大小并且增加三角形的数量，但是这样的话会给绘图设备带来很大的运算压力。如果为了减小绘图设备的运算压力而减少三角形的数量的话，模拟出的圆角则会有较多的锯齿而不够平滑，影响用户的视觉体验。应该注意，上面对技术背景的介绍只是为了方便对本申请的技术方案进行清楚、完整的说明，并方便本领域技术人员的理解而阐述的。不能仅仅因为这些方案在本申请的
技术介绍
部分进行了阐述而认为上述技术方案为本领域技术人员所公知。
技术实现思路
本申请实施例的目的在于提供一种显示图片的方法及装置，在避免利用基本元素对矩形图片进行分割的情况下，在终端设备的屏幕上显示出具备平滑的圆角区域的矩形图片。为实现上述目的，本申请一方面提供一种显示图片的方法，所述方法包括：读取待处理的图片；在所述图片内确定与所述图片的预设顶点相关联的参考点，所述预设顶点为所述图片的第一边与第二边的交点，所述参考点到所述第一边和所述第二边的距离相等；根据所述参考点与所述预设顶点之间的位置关系，在所述图片中确定待处理像素点的集合；计算所述待处理像素点的集合中各个像素点与所述参考点之间的距离；将计算的距离大于预设距离阈值的像素点确定为舍弃像素点，并将所述图片中除所述舍弃像素点之外的像素点显示于终端设备的屏幕上。为实现上述目的，本申请另一方面还提供一种显示图片的装置，所述装置包括：图片读取单元，用于读取待处理的图片；参考点确定单元，用于在所述图片内确定与所述图片的预设顶点相关联的参考点，所述预设顶点为所述图片的第一边与第二边的交点，所述参考点到所述第一边和所述第二边的距离相等；待处理像素点集合确定单元，用于根据所述参考点与所述预设顶点之间的位置关系，在所述图片中确定待处理像素点的集合；距离计算单元，用于计算所述待处理像素点的集合中各个像素点与所述参考点之间的距离；像素点显示单元，用于将计算的距离大于预设距离阈值的像素点确定为舍弃像素点，并将所述图片中除所述舍弃像素点之外的像素点显示于终端设备的屏幕上。由以上本申请实施方式提供的技术方案可见，本申请通过在图片内确定与预设顶点相关联的参考点，并且通过对所述预设顶点和所述参考点的位置进行分析，从而可以确定出待处理像素点的集合。通过将该待处理像素点的集合中的部分像素点剔除，从而可以将图片的直角区域转换为圆角区域，这样便可以在避免利用基本元素对图片进行分割的情况下，绘制出具备平滑的圆角区域的图片。参照后文的说明和附图，详细公开了本申请的特定实施方式，指明了本申请的原理可以被采用的方式。应该理解，本申请的实施方式在范围上并不因而受到限制。在所附权利要求的精神和条款的范围内，本申请的实施方式包括许多改变、修改和等同。针对一种实施方式描述和/或示出的特征可以以相同或类似的方式在一个或更多个其它实施方式中使用，与其它实施方式中的特征相组合，或替代其它实施方式中的特征。应该强调，术语“包括/包含”在本文使用时指特征、整件、步骤或组件的存在，但并不排除一个或更多个其它特征、整件、步骤或组件的存在或附加。附图说明所包括的附图用来提供对本申请实施例的进一步的理解，其构成了说明书的一部分，用于例示本申请的实施方式，并与文字描述一起来阐释本申请的原理。显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。在附图中：图1为现有技术中显示图片的示意图；图2为本申请提供的一种显示图片的原理示意图；图3为本申请实施方式提供的一种显示图片的方法流程图；图4为本申请实施方式提供的一种显示图片的方法中确定参考点的流程图；图5为本申请实施方式提供的一种显示图片的方法中确定像素点的流程图；图6为本申请另一实施方式提供的一种显示图片的方法流程图；图7为本申请另一实施方式提供的一种显示图片的原理示意图；图8为本申请另一实施方式提供的一种显示图片的方法流程图；图9为本申请另一实施方式提供的一种显示图片的原理示意图；图10为本申请另一实施方式提供的一种显示图片的方法流程图；图11为本申请另一实施方式提供的一种显示图片的原理示意图；图12为本申请实施方式提供的一种显示图片的装置功能模块图。具体实施方式为了使本
的人员更好地理解本申请中的技术方案，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例，都应当属于本申请保护的范围。请参阅图2。图2为本申请显示图片的原理示意图。如图2所示，可以在矩形图片的每个顶点附近分别设置一个圆，该圆与矩形图片相邻的两条边相切。这样，可以将图2中用阴影填充的区域去除，而保留矩形图片其余的区域，便可以实现圆角矩形图片的绘制。需要说明的是，本申请显示图片的方法并不仅仅限于对矩形图片进行处理，还可以对其它形状的图片进行处理，以将图片的边角处理为圆角。为了描述方便，以下均以矩形图片为例阐述本申请的技术方案。请参阅图3。图3为本申请实施方式提供的一种显示图片的方法流程图。如图3所示，所述方法可以包括以下步骤。步骤S1：读取待处理的图片。在本实施方式中，可以通过绘图设备读取待处理的图片。所述图片例如可以为矩形图片。所述绘图设备可以为显卡或者集成了显卡功能的设备(例如电视盒子、集成了显卡功能的处理器等)。所述矩形图片可以按照预先指定的路径，存储于绘图设备中或者存储于可被绘图设备访问的存储器中。绘图设备可以通过预先指定的路径读取所述矩形图片，从而可以对读取的矩形图片进行处理。以电视盒子为例，在电视盒子中设置有存本文档来自技高网...

【技术保护点】
一种显示图片的方法，其特征在于，包括：读取待处理的图片；在所述图片内确定与所述图片的预设顶点相关联的参考点，所述预设顶点为所述图片的第一边与第二边的交点，所述参考点到所述第一边和所述第二边的距离相等；根据所述参考点与所述预设顶点之间的位置关系，在所述图片中确定待处理像素点的集合；计算所述待处理像素点的集合中各个像素点与所述参考点之间的距离；将计算的距离大于预设距离阈值的像素点确定为舍弃像素点，并将所述图片中除所述舍弃像素点之外的像素点显示于终端设备的屏幕上。

【技术特征摘要】
1.一种显示图片的方法，其特征在于，包括：读取待处理的图片；在所述图片内确定与所述图片的预设顶点相关联的参考点，所述预设顶点为所述图片的第一边与第二边的交点，所述参考点到所述第一边和所述第二边的距离相等；根据所述参考点与所述预设顶点之间的位置关系，在所述图片中确定待处理像素点的集合；计算所述待处理像素点的集合中各个像素点与所述参考点之间的距离；将计算的距离大于预设距离阈值的像素点确定为舍弃像素点，并将所述图片中除所述舍弃像素点之外的像素点显示于终端设备的屏幕上。2.根据权利要求1所述的显示图片的方法，其特征在于，在所述图片内确定与所述图片的预设顶点相关联的参考点具体包括：预先设置参考距离；在所述图片中确定到所述图片中相邻的第一边和第二边的距离均为所述参考距离的像素点，所述第一边与所述第二边相交于预设顶点；将所述像素点确定为与所述预设顶点相关联的参考点。3.根据权利要求2所述的显示图片的方法，其特征在于，所述在图片中确定到所述图片中相邻的第一边和第二边的距离均为所述参考距离的像素点具体包括：根据所述图片中相邻的第一边和第二边相交的预设顶点在所述图片中所处的位置，确定与所述预设顶点相关联的参考点的坐标。4.根据权利要求3所述的显示图片的方法，其特征在于，根据所述图片中相邻的第一边和第二边相交的预设顶点在所述图片中所处的位置，确定与所述预设顶点相关联的参考点的坐标具体包括：当所述图片中相邻的第一边和第二边相交的预设顶点位于所述图片的左上角时，按照下述公式确定与所述预设顶点相关联的参考点的坐标：<xr=xc+Ryr=yc+R]]>其中，xc表示所述预设顶点的横坐标，xr表示所述参考点的横坐标，yc表示所述预设
\t顶点的纵坐标，yr表示所述参考点的纵坐标，R表示所述参考距离。5.根据权利要求3所述的显示图片的方法，其特征在于，根据所述图片中相邻的第一边和第二边相交的预设顶点在所述图片中所处的位置，确定与所述预设顶点相关联的参考点的坐标具体包括：当所述图片中相邻的第一边和第二边相交的预设顶点位于所述图片的右上角时，按照下述公式确定与所述预设顶点相关联的参考点的坐标：<xr=xc-Ryr=yc+R]]>其中，xc表示所述预设顶点的横坐标，xr表示所述参考点的横坐标，yc表示所述预设顶点的纵坐标，yr表示所述参考点的纵坐标，R表示所述参考距离。6.根据权利要求3所述的显示图片的方法，其特征在于，根据所述图片中相邻的第一边和第二边相交的预设顶点在所述图片中所处的位置，确定与所述预设顶点相关联的参考点的坐标具体包括：当所述图片中相邻的第一边和第二边相交的预设顶点位于所述图片的左下角时，按照下述公式确定与所述预设顶点相关联的参考点的坐标：<xr=xc+Ryr=yc-R]]>其中，xc表示所述预设顶点的横坐标，xr表示所述参考点的横坐标，yc表示所述预设顶点的纵坐标，yr表示所述参考点的纵坐标，R表示所述参考距离。7.根据权利要求3所述的显示图片的方法，其特征在于，根据所述图片中相邻的第一边和第二边相交的预设顶点在所述图片中所处的位置，确定与所述预设顶点相关联的参考点的坐标具体包括：当所述图片中相邻的第一边和第二边相交的预设顶点位于所述图片的右下角时，按照下述公式确定与所述预设顶点相关联的参考点的坐标：<xr=xc-Ryr=yc-R]]>其中，xc表示所述预设顶点的横坐标，xr表示所述参考点的横坐标，yc表示所述预设顶点的纵坐标，yr表示所述参考点的纵坐标，R表示所述参考距离。8.根据权利要求1所述的显示图片的方法，其特征在于，根据所述参考点与所述预设顶点之间的位置关系，在所述图片中确定待处理像素点的集合具体包括：判断所述预设顶点坐标与所述参考点坐标之间的大小关系，并基于判断的结果在所述图片中确定待处理像素点的集合中各个像素点的坐标。9.根据权利要求8所述的显示图片的方法，其特征在于，判断所述预设顶点坐标与所述参考点坐标之间的大小关系，并基于判断的结果在所述图片中确定待处理像素点的集合中各个像素点的坐标具体包括：当所述参考点的横坐标大于所述预设顶点的横坐标，并且所述参考点的纵坐标大于所述预设顶点的纵坐标时，按照下述公式确定待处理像素点的集合中像素点的坐标：<xc≤xp≤xryc≤yp≤yr]]>其中，xp表示所述待处理像素点的集合中像素点的横坐标，yp表示所述待处理像素点的集合中像素点的纵坐标，xc表示所述预设顶点的横坐标，xr表示所述参考点的横坐标，yc表示所述预设顶点的纵坐标，yr表示所述参考点的纵坐标。10.根据权利要求8所述的显示图片的方法，其特征在于，判断所述预设顶点坐标与所述参考点坐标之间的大小关系，并基于判断的结果在所述图片中确定待处理像素点的集合中各个像素点的坐标具体包括：当所述参考点的横坐标小于所述预设顶点的横坐标，并且所述参考点的纵坐标大于所述预设顶点的纵坐标时，按照下述公式确定待处理像素点的集合中像素点的坐标...

【专利技术属性】
技术研发人员：李利民，董民，陶伟成，慕银锁，
申请(专利权)人：阿里巴巴集团控股有限公司，
类型：发明
国别省市：开曼群岛;KY