CN107170025A - 一种图片边框的绘制方法及系统 - Google Patents

一种图片边框的绘制方法及系统 Download PDF

Info

Publication number
CN107170025A
CN107170025A CN201710307980.3A CN201710307980A CN107170025A CN 107170025 A CN107170025 A CN 107170025A CN 201710307980 A CN201710307980 A CN 201710307980A CN 107170025 A CN107170025 A CN 107170025A
Authority
CN
China
Prior art keywords
grid
batten
drafting
circular frame
picture
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN201710307980.3A
Other languages
English (en)
Inventor
刘德建
罗弘
郭玉湖
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Fujian Tianquan Educational Technology Ltd
Original Assignee
Fujian Tianquan Educational Technology Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Fujian Tianquan Educational Technology Ltd filed Critical Fujian Tianquan Educational Technology Ltd
Priority to CN201710307980.3A priority Critical patent/CN107170025A/zh
Publication of CN107170025A publication Critical patent/CN107170025A/zh
Pending legal-status Critical Current

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00—2D [Two Dimensional] image generation
    • G06T11/20—Drawing from basic elements, e.g. lines or circles
    • G06T11/203—Drawing of straight lines or curves

Landscapes

  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Editing Of Facsimile Originals (AREA)

Abstract

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

Description

一种图片边框的绘制方法及系统
技术领域
本发明涉及计算机技术领域，尤其涉及一种图片边框的绘制方法及系统。
背景技术
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，本发明的实施例二为：
第一绘制模块绘制与图片相对应的回形框；所述回形框由具有相同中心点的内矩形和外矩形围成，所述内矩形与所述图片的外边线重合，并将绘制结果发送至创建模块；创建模块在所述回形框内创建网格，得到多个的网格子区域，并将创建结果发送至获取模块；获取模块依次根据一所述网格子区域在所述回形框中的位置信息，获取预设样条图中与所述位置信息相对应的采样区，并将获取结果发送至第二绘制模块；第二绘制模块在所述网格子区域内绘制与所述采样结果对应的样条线；重复模块重复执行获取模块、采样模块和第二绘制模块，直至所有网格子区域的样条线均绘制完毕。
综上所述，本发明通过获取图片所在的矩形区域，在矩形区域内绘制回形框，在回形框内创建网格，并根据网格所在回形框内的位置信息，获取样条图中与位置信息对应的采样区，对采样区进行采样，根据采样结果，在回形框内绘制样条线；上述方法及系统能够将回形框划分为若干个网格，并根据网格所在的位置信息进行采术，每次采样只针对一网格所在的区域进行采样，提高了采样的精度，使得绘制出的边框中的样条线与预期的边框的样式一致，满足了用户的需求。
以上所述仅为本发明的实施例，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等同变换，或直接或间接运用在其他相关的技术领域，均同理包括在本发明的专利保护范围内。

Claims (10)

1.一种图片边框的绘制方法，其特征在于，包括以下步骤：
S1：绘制与图片相对应的回形框；所述回形框由具有相同中心点的内矩形和外矩形围成，所述内矩形与所述图片的外边线重合；
S2：在所述回形框内创建网格，得到多个的网格子区域；
S3：依次根据一所述网格子区域在所述回形框中的位置信息，获取预设样条图中与所述位置信息相对应的采样区；
S4：对所述采样区的样条进行采样，得到采样结果；
S5：在所述网格子区域内绘制与所述采样结果对应的样条线；
S6：重复步骤S3、S4和S5，直至所有网格子区域的样条线均绘制完毕。
2.根据权利要求1所述的一种图片边框的绘制方法，其特征在于，所述S3具体为：
划分所述网格子区域为两个的三角面区域；
获取第一三角面区域在所述回形框的第一位置信息；
获取第二三角面区域在所述回形框的第二位置信息；
获取所述样条图中与所述第一位置信息相对应的第一采样区；
获取所述样条图中与所述第二位置信息相对应的第二采样区。
3.根据权利要求1所述的一种图片边框的绘制方法，其特征在于，所述S2具体为：
通过unity网格组件在预设的回形框内创建网格，得到多个的网格子区域。
4.根据权利要求1所述的一种图片边框的绘制方法，其特征在于，所述S4具体为：
采样所述采样区中的样条所在的像素点，得到采样结果。
5.根据权利要求1所述的一种图片边框的绘制方法，其特征在于，还包括：
通过网格过滤器组件获取网格中样条线所在的样条像素点区域；
通过网格渲染器组件渲染所述样条像素点区域。
6.根据权利要求5所述的一种图片边框的绘制方法，其特征在于，“通过网格渲染器组件渲染所述样条像素点区域”具体为：
预设渲染数据库，所述渲染数据库包括多个不同颜色的材质球；
根据一所述材质球，通过网格渲染器组件的着色器渲染所述样条像素点区域。
7.根据权利要求1所述的一种图片边框的绘制方法，其特征在于，还包括：
通过着色器渲染所述网格为透明状。
8.根据权利要求1所述的一种图片边框的绘制方法，其特征在于，还包括：
更新所述回形框内样条线的样式。
9.根据权利要求8所述的一种图片边框的绘制方法，其特征在于，“更新回形框内样条线的样式”具体为：
擦除所述样条线；
获取预设数据库中的样条图，得第一样条图；
采样所述第一样条图；
根据采样结果，在所述回形框内绘制样条线。
10.一种图片边框的绘制系统，其特征在于，包括：
第一绘制模块，用于绘制与图片相对应的回形框；所述回形框由具有相同中心点的内矩形和外矩形围成，所述内矩形与所述图片的外边线重合；
创建模块，用于在所述回形框内创建网格，得到多个的网格子区域；
获取模块，用于依次根据一所述网格子区域在所述回形框中的位置信息，获取预设样条图中与所述位置信息相对应的采样区；
采样模块，用于对所述采样区的样条进行采样，得到采样结果；
第二绘制模块，用于在所述网格子区域内绘制与所述采样结果对应的样条线；
重复模块，用于重复执行获取模块、采样模块和第二绘制模块，直至所有网格子区域的样条线均绘制完毕。
CN201710307980.3A 2017-05-04 2017-05-04 一种图片边框的绘制方法及系统 Pending CN107170025A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201710307980.3A CN107170025A (zh) 2017-05-04 2017-05-04 一种图片边框的绘制方法及系统

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201710307980.3A CN107170025A (zh) 2017-05-04 2017-05-04 一种图片边框的绘制方法及系统

Publications (1)

Publication Number Publication Date
CN107170025A true CN107170025A (zh) 2017-09-15

Family

ID=59812542

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201710307980.3A Pending CN107170025A (zh) 2017-05-04 2017-05-04 一种图片边框的绘制方法及系统

Country Status (1)

Country Link
CN (1) CN107170025A (zh)

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1655191A (zh) * 2005-02-25 2005-08-17 浙江大学 基于可编程图形硬件的多边形网格模型的快速体素化方法
US20100141670A1 (en) * 2008-12-10 2010-06-10 Microsoft Corporation Color Packing Glyph Textures with a Processor
CN101984467A (zh) * 2010-11-10 2011-03-09 中国科学院自动化研究所 一种带特征线风格化的三维网格模型的非真实感渲染方法
CN104794756A (zh) * 2014-01-20 2015-07-22 鸿富锦精密工业（深圳）有限公司 点云模型贴图系统及方法
CN106097415A (zh) * 2016-08-15 2016-11-09 南京师范大学 一种2.5维绳索扭曲动画生成方法

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1655191A (zh) * 2005-02-25 2005-08-17 浙江大学 基于可编程图形硬件的多边形网格模型的快速体素化方法
US20100141670A1 (en) * 2008-12-10 2010-06-10 Microsoft Corporation Color Packing Glyph Textures with a Processor
CN101984467A (zh) * 2010-11-10 2011-03-09 中国科学院自动化研究所 一种带特征线风格化的三维网格模型的非真实感渲染方法
CN104794756A (zh) * 2014-01-20 2015-07-22 鸿富锦精密工业（深圳）有限公司 点云模型贴图系统及方法
CN106097415A (zh) * 2016-08-15 2016-11-09 南京师范大学 一种2.5维绳索扭曲动画生成方法

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
乐学习: "《Unity3D之Mesh（一）绘制三角形》", 《HTTPS://WWW.CNBLOGS.COM/JLZT1223/P/6080164.HTML》 *

Similar Documents

Publication Publication Date Title
CN106354760A (zh) 基于变形统计地图的多视图时空数据可视化方法与应用
CN106990951A (zh) 一种进度条的绘制方法及系统
CN106056650A (zh) 基于快速表情信息提取和泊松融合的人脸表情合成方法
CN110503725A (zh) 图像处理的方法、装置、电子设备及计算机可读存储介质
CN104156480B (zh) 一种基于wpf和gdi+分层绘制地图的方法
CN105005970A (zh) 一种增强现实的实现方法及装置
DE202012013426U1 (de) Integrieren von Karten und Straßenansichten
CN104376596A (zh) 一种基于单幅图像的三维场景结构建模与注册方法
CN110097626A (zh) 一种基于rgb单目图像的浅浮雕物体识别处理方法
DE102013014846A1 (de) Systeme und Verfahren zur teilweisen Rahmenpufferaktualisierung
CN110428477A (zh) 一种不受速度影响的事件相机的成图方法
CN110189402A (zh) 一种基于ar的户型图三维展示方法、介质、设备和装置
CN106023295A (zh) 一种三维模型处理方法及装置
CN109035415A (zh) 虚拟模型的处理方法、装置、设备和计算机可读存储介质
CN106844519B (zh) 基于三维数字地球的遥感专题产品可视化方法
CN108198231A (zh) 电力gis矢量图形实时绘制方法、存储介质
Naemura et al. Virtual shadows in mixed reality environment using flashlight-like devices
CN110503724A (zh) 一种基于人脸特征点的ar表情资源构建管理系统及方法
CN101763625A (zh) 一种图像像素处理方法
CN109448131A (zh) 一种基于Kinect的虚拟钢琴弹奏系统的构建方法
Gaitán et al. Towards the preservation and dissemination of historical silk weaving techniques in the digital era
CN104952093B (zh) 虚拟染发方法和装置
CN107170025A (zh) 一种图片边框的绘制方法及系统
CN103021025A (zh) 利用计算机程序的图案生成方法
CN208506731U (zh) 图像展示系统

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
RJ01 Rejection of invention patent application after publication
RJ01 Rejection of invention patent application after publication

Application publication date: 20170915