一种图片边框的绘制方法及系统技术方案

本发明专利技术涉及计算机技术领域，尤其涉及一种图片边框的绘制方法及系统，绘制方法包括以下步骤：S1：绘制与图片相对应的回形框；S2：在所述回形框内创建网格，得到多个的网格子区域；S3：依次根据一所述网格子区域在所述回形框中的位置信息，获取预设样条图中与所述位置信息相对应的采样区；S4：对所述采样区的样条进行采样，得到采样结果；S5：在所述网格子区域内绘制与所述采样结果对应的样条线；S6：重复步骤S3、S4和S5，直至所有网格子区域的样条线均绘制完毕。本发明专利技术提高了采样的精度，使得绘制出的边框中的样条线与预期的边框的样式一致，满足了用户的需求。

Method and system for drawing picture border

The present invention relates to the field of computer technology, especially relates to a picture frame drawing method and system, rendering method comprises the following steps: S1, drawing back frame corresponding to the picture; S2: in the back frame shape to create a mesh grid, get multiple regions; S3: in time according to a the grid area in the back position information frame of acquiring preset spline map corresponding to the position information of the sampling area; S4: transect sampling area of the sampling, the sampling results obtained; S5: drawing and the grid area sampling results the corresponding spline; S6: S3, S4 and S5 repeat steps, until all the grid region of the spline line drawing is completed. The invention improves the accuracy of sampling so that the spline lines in the drawn border are consistent with the style of the desired border, satisfying the needs of the users.

【技术实现步骤摘要】
一种图片边框的绘制方法及系统
本专利技术涉及计算机
，尤其涉及一种图片边框的绘制方法及系统。
技术介绍
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，用于在所述网格子本文档来自技高网...

【技术保护点】
一种图片边框的绘制方法，其特征在于，包括以下步骤：S1：绘制与图片相对应的回形框；所述回形框由具有相同中心点的内矩形和外矩形围成，所述内矩形与所述图片的外边线重合；S2：在所述回形框内创建网格，得到多个的网格子区域；S3：依次根据一所述网格子区域在所述回形框中的位置信息，获取预设样条图中与所述位置信息相对应的采样区；S4：对所述采样区的样条进行采样，得到采样结果；S5：在所述网格子区域内绘制与所述采样结果对应的样条线；S6：重复步骤S3、S4和S5，直至所有网格子区域的样条线均绘制完毕。

【技术特征摘要】
1.一种图片边框的绘制方法，其特征在于，包括以下步骤：S1：绘制与图片相对应的回形框；所述回形框由具有相同中心点的内矩形和外矩形围成，所述内矩形与所述图片的外边线重合；S2：在所述回形框内创建网格，得到多个的网格子区域；S3：依次根据一所述网格子区域在所述回形框中的位置信息，获取预设样条图中与所述位置信息相对应的采样区；S4：对所述采样区的样条进行采样，得到采样结果；S5：在所述网格子区域内绘制与所述采样结果对应的样条线；S6：重复步骤S3、S4和S5，直至所有网格子区域的样条线均绘制完毕。2.根据权利要求1所述的一种图片边框的绘制方法，其特征在于，所述S3具体为：划分所述网格子区域为两个的三角面区域；获取第一三角面区域在所述回形框的第一位置信息；获取第二三角面区域在所述回形框的第二位置信息；获取所述样条图中与所述第一位置信息相对应的第一采样区；获取所述样条图中与所述第二位置信息相对应的第二采样区。3.根据权利要求1所述的一种图片边框的绘制方法，其特征在于，所述S2具体为：通过unity网格组件在预设的回形框内创建网格，得到多个的网格子区域。4.根据权利要求1所述的一种图片边框的绘制方法，其特征在于，所述S4具体为：采样所述采样区中的样条所在的像素点，得到采样结果。5.根据权利要求1所述的一种图片边框的绘制方法，其特征在于，还包括：通过网格过滤器组件获取网格中样条线所在的样条像素点区域；通过网格渲染器组件渲染...

【专利技术属性】
技术研发人员：刘德建，罗弘，郭玉湖，
申请(专利权)人：福建天泉教育科技有限公司，
类型：发明
国别省市：福建,35