一种图片边框的绘制方法及系统与流程

本发明涉及计算机技术领域，尤其涉及一种图片边框的绘制方法及系统。

背景技术：

unity环境中由于一些图像需要美化或吸引用户的注意，需要对图像绘制外观边框，且在边框内绘制不同样式的样条，以达到美观、吸引用户眼球的目的；而现有的边框中绘制方法，是通过获取数据库中的样条图，对样条图的样条进行采样，由于现有的采用整体采样的方法，存在采样精度不高，绘制出的样条曲线与样条图中的样条相差较大，使得绘制边框的样式与预期的相差较大，绘制精度较低。

技术实现要素：

本发明所要解决的技术问题是：本发明提供一种绘制精度高、符合用户预期的图片边框绘制方法及系统。

为了解决上述技术问题，本发明提供了一种图片边框的绘制方法，包括以下步骤：

s1：绘制与图片相对应的回形框；所述回形框由具有相同中心点的内矩形和外矩形围成，所述内矩形与所述图片的外边线重合；

s2：在所述回形框内创建网格，得到多个的网格子区域；

s3：依次根据一所述网格子区域在所述回形框中的位置信息，获取预设样条图中与所述位置信息相对应的采样区；

s4：对所述采样区的样条进行采样，得到采样结果；

s5：在所述网格子区域内绘制与所述采样结果对应的样条线；

s6：重复步骤s3、s4和s5，直至所有网格子区域的样条线均绘制完毕。

本发明还提供了一种图片边框的绘制系统，包括：

第一绘制模块，用于绘制与图片相对应的回形框；所述回形框由具有相同中心点的内矩形和外矩形围成，所述内矩形与所述图片的外边线重合；

创建模块，用于在所述回形框内创建网格，得到多个的网格子区域；

获取模块，用于依次根据一所述网格子区域在所述回形框中的位置信息，获取预设样条图中与所述位置信息相对应的采样区；

采样模块，用于对所述采样区的样条进行采样，得到采样结果；

第二绘制模块，用于在所述网格子区域内绘制与所述采样结果对应的样条线；

重复模块，用于重复执行获取模块、采样模块和第二绘制模块，直至所有网格子区域的样条线均绘制完毕。

本发明的有益效果为：

本发明通过绘制与图片相对应的回形框，在回形框内创建网格，并根据网格子区域所在回形框内的位置信息，获取样条图中与位置信息对应的采样区，对采样区进行采样，根据采样结果，在回形框内绘制样条线；上述方法能够将回形框划分为若多个网格子区域，并根据网格所在的位置信息进行采样，每次采样只针对一网格子区域所在的区域进行采样，提高了采样的精度，使得绘制出的边框中的样条线与预期的边框的样式一致，满足了用户的需求。

附图说明

图1为本发明实施例的一种图片边框的绘制方法的主要步骤流程图；

图2为本发明实施例一的一种图片边框的绘制方法的流程图；

图3为本发明实施例的一种图片边框的绘制系统的结构示意图；

图4为本发明实施例的一种效果示意图；

图5为本发明实施例的更改样式后的效果示意图；

标号说明：

1、第一绘制模块；2、创建模块；3、获取模块；4、采样模块；5、第二绘制模块；6、重复模块。

具体实施方式

为详细说明本发明的技术内容、所实现目的及效果，以下结合实施方式并配合附图详予说明。

本发明最关键的构思在于：在回形框内创建网格，根据网格子区域所在回形框内的位置信息，获取样条图中与位置信息对应的采样区，对采样区进行采样，根据采样结果，在回形框内绘制样条线，提高了图片边框中样条的绘制精度，满足了客户的需求。

请参照图1，本发明提供了一种图片边框的绘制方法，包括以下步骤：

s1：绘制与图片相对应的回形框；所述回形框由具有相同中心点的内矩形和外矩形围成，所述内矩形与所述图片的外边线重合；

s2：在所述回形框内创建网格，得到多个的网格子区域；

s3：依次根据一所述网格子区域在所述回形框中的位置信息，获取预设样条图中与所述位置信息相对应的采样区；

s4：对所述采样区的样条进行采样，得到采样结果；

s5：在所述网格子区域内绘制与所述采样结果对应的样条线；

s6：重复步骤s3、s4和s5，直至所有网格子区域的样条线均绘制完毕。

从上述描述可知，本发明通过绘制与图片相对应的回形框，在回形框内创建网格，并根据网格子区域所在回形框内的位置信息，获取样条图中与位置信息对应的采样区，对采样区进行采样，根据采样结果，在回形框内绘制样条线；上述方法能够将回形框划分为若多个网格子区域，并根据网格所在的位置信息进行采样，每次采样只针对一网格子区域所在的区域进行采样，提高了采样的精度，使得绘制出的边框中的样条线与预期的边框的样式一致，满足了用户的需求。

进一步的，所述s3具体为：

划分所述网格子区域为两个的三角面区域；

获取第一三角面区域在所述回形框的第一位置信息；

获取第二三角面区域在所述回形框的第二位置信息；

获取所述样条图中与所述第一位置信息相对应的第一采样区；

获取所述样条图中与所述第二位置信息相对应的第二采样区。

从上述描述可知，将网格子区域划分为三角面区域，能够进一步提高采样的精度，同时划分的三角面有利于提高样条线渲染的速度。

进一步的，所述s2具体为：

通过unity网格组件在预设的回形框内创建网格，得到多个的网格子区域。

从上述描述可知，通过unity网格组件能够快速在回形框内创建网格，提高了创建网格的速率。

进一步的，所述s4具体为：

采样所述采样区中的样条所在的像素点，得到采样结果。

从上述描述可知，对采样区样条像素点进行采样，通过像素级别的采样，有效提高了采样的精确度，从而保证了绘制边框中样条的精确。

进一步的，所述的一种图片边框的绘制方法，还包括：

通过网格过滤器组件获取网格中样条线所在的样条像素点区域；

通过网格渲染器组件渲染所述样条像素点区域。

从上述描述可知，上述方法提高了样条像素点所在区域的获取，同时网格渲染器组件通过像素级别的渲染，提高了渲染的效果，使其能够吸引客户的眼球。

进一步的，“通过网格渲染器组件渲染所述样条像素点区域”具体为：

预设渲染数据库，所述渲染数据库包括多个不同颜色的材质球；

根据一所述材质球，通过网格渲染器组件的着色器渲染所述样条像素点区域。

从上述描述可知，通过渲染数据库中不同颜色的材质球，能够快速对边框内样条的颜色进行切换，能够满足客户对不同材质颜色的需求。

进一步的，所述的一种图片边框的绘制方法，还包括：

通过着色器渲染所述网格为透明状。

从上述描述可知，上述方法避免了网格对边框中样条线的干扰，保证了图片边框的美观效果。

进一步的，所述的一种图片边框的绘制方法，还包括：

更新所述回形框内样条线的样式。

从上述描述可知，通过更新边框样条的样式，能够满足不同用户的需求。

进一步的，“更新回形框内样条线的样式”具体为：

擦除所述样条线；

获取预设数据库中的样条图，得第一样条图；

采样所述第一样条图；

根据采样结果，在所述回形框内绘制样条线。

从上述描述可知，上述方法能够快速对边框内的样条线的样式进行更改，提高了更新样条线样式的速率。

请参照图3，本发明还提供了一种图片边框的绘制系统，包括：

第一绘制模块1，用于绘制与图片相对应的回形框；所述回形框由具有相同中心点的内矩形和外矩形围成，所述内矩形与所述图片的外边线重合；

创建模块2，用于在所述回形框内创建网格，得到多个的网格子区域；

获取模块3，用于依次根据一所述网格子区域在所述回形框中的位置信息，获取预设样条图中与所述位置信息相对应的采样区；

采样模块4，用于对所述采样区的样条进行采样，得到采样结果；

第二绘制模块5，用于在所述网格子区域内绘制与所述采样结果对应的样条线；

重复模块6，用于重复执行获取模块3、采样模块4和第二绘制模块5，直至所有网格子区域的样条线均绘制完毕。

从上述描述可知，本发明通过绘制与图片相对应的回形框，在回形框内创建网格，并根据网格子区域所在回形框内的位置信息，获取样条图中与位置信息对应的采样区，对采样区进行采样，根据采样结果，在回形框内绘制样条线；上述方法能够将回形框划分为若多个网格子区域，并根据网格所在的位置信息进行采样，每次采样只针对一网格子区域所在的区域进行采样，提高了采样的精度，使得绘制出的边框中的样条线与预期的边框的样式一致，满足了用户的需求。

请参照图2、图4和图5，本发明的实施例一为：

s1：绘制与图片相对应的回形框；所述回形框由具有相同中心点的内矩形和外矩形围成，所述内矩形与所述图片的外边线重合；

s2：在所述回形框内创建网格，得到多个的网格子区域；

具体为：通过unity网格组件在预设的回形框内创建网格，将回形框所在的区域划分为多个的网格子区域；

s3：依次根据一所述网格子区域在所述回形框中的位置信息，获取预设样条图中与所述位置信息相对应的采样区；

所述样条图为预设样条图数据库中一样条图；

具体为：划分所述网格子区域为两个的三角面区域；

获取第一三角面区域在所述回形框的第一位置信息；

获取第二三角面区域在所述回形框的第二位置信息；

获取所述样条图中与所述第一位置信息相对应的第一采样区；

获取所述样条图中与所述第二位置信息相对应的第二采样区；

s4：对所述采样区的样条进行采样，得到采样结果；

具体为：分别对第一采样区和第二采样区中样条所在的像素点进行采样，得到第一采样结果和第二采样结果；

s5：在所述网格子区域内绘制与所述采样结果对应的样条线；

具体为：在第一三角面区域内绘制与第一采样结果相对应的样条线，在第二三角面区域内绘制与第二采样结果相对应的样条线；

并对第一三角面区域和第二三角面区域的样条线衔接处进行连接贴合；

s6：重复步骤s3、s4和s5，直至所有网格子区域的样条线均绘制完毕；

s7：通过网格过滤器组件获取网格中样条线所在的样条像素点区域；

s8：通过网格渲染器组件渲染所述样条像素点区域；

具体为：预设渲染数据库，所述渲染数据库包括多个不同颜色的材质球；

根据一所述材质球，通过网格渲染器组件的着色器渲染所述样条像素点区域；

s9：通过着色器渲染所述网格为透明状；

s10：更新所述回形框内样条线的样式；

具体为：擦除所述样条线；

获取预设数据库中的样条图，得第一样条图；

采样所述第一样条图；

根据采样结果，在所述回形框内绘制样条线；

更新回形框内样条线的样式还包括对样式边角的样式进行更新。

请参照图3，本发明的实施例二为：

第一绘制模块绘制与图片相对应的回形框；所述回形框由具有相同中心点的内矩形和外矩形围成，所述内矩形与所述图片的外边线重合，并将绘制结果发送至创建模块；创建模块在所述回形框内创建网格，得到多个的网格子区域，并将创建结果发送至获取模块；获取模块依次根据一所述网格子区域在所述回形框中的位置信息，获取预设样条图中与所述位置信息相对应的采样区，并将获取结果发送至第二绘制模块；第二绘制模块在所述网格子区域内绘制与所述采样结果对应的样条线；重复模块重复执行获取模块、采样模块和第二绘制模块，直至所有网格子区域的样条线均绘制完毕。

综上所述，本发明通过获取图片所在的矩形区域，在矩形区域内绘制回形框，在回形框内创建网格，并根据网格所在回形框内的位置信息，获取样条图中与位置信息对应的采样区，对采样区进行采样，根据采样结果，在回形框内绘制样条线；上述方法及系统能够将回形框划分为若干个网格，并根据网格所在的位置信息进行采术，每次采样只针对一网格所在的区域进行采样，提高了采样的精度，使得绘制出的边框中的样条线与预期的边框的样式一致，满足了用户的需求。

以上所述仅为本发明的实施例，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等同变换，或直接或间接运用在其他相关的技术领域，均同理包括在本发明的专利保护范围内。