CN111462215B - 图形的处理方法、装置及存储介质 - Google Patents
图形的处理方法、装置及存储介质 Download PDFInfo
- Publication number
- CN111462215B CN111462215B CN202010250062.3A CN202010250062A CN111462215B CN 111462215 B CN111462215 B CN 111462215B CN 202010250062 A CN202010250062 A CN 202010250062A CN 111462215 B CN111462215 B CN 111462215B
- Authority
- CN
- China
- Prior art keywords
- intersection point
- arc
- graph
- curve
- parameter
- 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.)
- Active
Links
- 238000003672 processing method Methods 0.000 title claims abstract description 40
- 238000012545 processing Methods 0.000 claims abstract description 78
- 238000000034 method Methods 0.000 claims abstract description 73
- 230000007704 transition Effects 0.000 abstract description 16
- 239000002775 capsule Substances 0.000 description 11
- 230000008569 process Effects 0.000 description 11
- 238000004891 communication Methods 0.000 description 10
- 230000007423 decrease Effects 0.000 description 10
- 230000008859 change Effects 0.000 description 9
- 238000010586 diagram Methods 0.000 description 6
- 238000005516 engineering process Methods 0.000 description 5
- 230000003247 decreasing effect Effects 0.000 description 4
- 230000003287 optical effect Effects 0.000 description 4
- 230000005236 sound signal Effects 0.000 description 4
- 238000007726 management method Methods 0.000 description 3
- 230000009467 reduction Effects 0.000 description 3
- 230000001133 acceleration Effects 0.000 description 2
- 238000004364 calculation method Methods 0.000 description 2
- 238000013461 design Methods 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 230000009471 action Effects 0.000 description 1
- 230000006978 adaptation Effects 0.000 description 1
- 238000003491 array Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000009499 grossing Methods 0.000 description 1
- 238000003384 imaging method Methods 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T7/00—Image analysis
- G06T7/60—Analysis of geometric attributes
-
- 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
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Abstract
本公开是关于一种图形的处理方法、装置及存储介质。所述方法包括:接收图形生成参数;基于所述图形生成参数,确定曲线部分、圆弧部分和直线部分;基于所述曲线部分、所述圆弧部分和所述直线部分生成所述图形;在显示屏上显示所述图形。本公开所提供的处理方法在对图形进行处理后,圆角部分包括圆弧部分的同时还包括曲线部分,使得圆角部分与直线部分的过渡更平滑,圆角感官更优美。
Description
技术领域
本公开涉及图形处理领域,尤其涉及一种图形的处理方法、装置及存储介质。
背景技术
相关技术中,平滑圆角是一种圆角处理方法,相比较普通圆角,其直线到圆角的过渡更加平滑,平滑圆角广泛的使用在工业设计和界面设计中,例如工业产品的外形曲线,UI界面的中的圆角图标等等。平滑圆角的处理方法有多种,不同方法处理的圆角在形状上略有不同。但是目前,现有的处理方法仍然存在,例如圆角感官不优美,且通过圆角半径数值不能控制圆角大小,平滑程度不能调整,等问题。
发明内容
为克服相关技术中存在的问题,本公开提供一种图形的处理方法、装置及存储介质。
根据本公开实施例的第一方面,提供一种图形的处理方法,包括:
接收图形生成参数;
基于所述图形生成参数,确定曲线部分、圆弧部分和直线部分;
基于所述曲线部分、所述圆弧部分和所述直线部分生成所述图形;
在显示屏上显示所述图形。
其中,所述图形生成参数包括所述图形的图形参数、所述图形的圆弧部分的半径、所述图形的曲线部分的平滑程度参数;其中,所述圆弧部分的半径大于等于零;所述平滑程度参数大于等于零,小于等于1;
所述基于所述图形生成参数,确定曲线部分、圆弧部分和直线部分包括:
基于所述图形参数、所述圆弧部分的半径和所述曲线部分的平化程度参数,确定所述图形的圆弧部分和曲线部分;
基于所述曲线部分,确定所述图形的直线部分。
其中,所述处理方法还包括:
调整所述平滑程度参数和所述图形的图形参数,以调整所述图形的形状。
其中,所述圆弧部分包括第一圆弧,所述曲线部分包括第一曲线;
所述基于所述图形参数、所述圆弧部分的半径和所述曲线部分的平化程度参数,确定所述图形的圆弧部分和曲线部分包括:
接收所述图形的形状参数、所述第一曲线的第一平滑程度参数t和所述第一圆弧的第一圆弧半径R,其中,R≧0,1≥t≧0;
基于所述图形的形状参数、所述第一平滑程度参数t和所述第一圆弧半径R,确定所述第一圆弧和所述第一曲线。
其中,所述基于所述图形的形状参数、所述第一平滑程度参数t和所述第一圆弧半径R,确定所述第一圆弧和所述第一曲线包括:
基于所述图形的形状参数、所述第一平滑程度参数t和所述第一圆弧半径R,确定所述第一圆弧与所述第一曲线的第一交点;
基于所述第一交点和所述图形的形状参数,确定第一圆弧;
基于所述第一交点、所述第一平滑程度参数t和所述图形的形状参数,确定所述第一曲线。
其中,所述图形的形状参数包括图形的第一边;
所述基于所述第一交点、所述第一平滑程度参数t和所述图形的形状参数,确定所述第一曲线包括:
基于所述第一交点、所述第一平滑程度参数t,确定第二交点和第三交点;其中,所述第二交点和所述第三交点位于所述第一边上;所述第二交点为所述第一曲线与所述第一边初次相交的交点;所述第三交点为所述第一曲线与所述第一边相交的交点;
基于所述第一交点、所述第二交点、所述第三交点,确定所述第一曲线。
其中,所述第一曲线在所述第三交点处的曲率与所述第一边在所述第三交点处的曲率相同。
其中,所述基于所述第一交点、所述第一平滑程度参数t,确定第二交点和第三交点包括:
确定所述第一交点处的曲率k为1/R;
基于所述第一交点、所述第一交点处的曲率k、所述第一平滑程度参数t,确定所述第二交点;
基于所述第一交点、所述第一交点处的曲率k、所述第一平滑程度参数t,确定第三交点。
其中,所述图形的形状参数包括第一边和与所述第一边相邻的第二边;
所述基于所确定的第一交点和所述图形的形状参数确定第一圆弧包括:
确定所述第一边与所述第二边交点和所述第一圆弧的圆心的连线与所述第一圆弧所在圆的圆周的第四交点;
基于所述第四交点和所述第一交点,确定所述第一圆弧。
其中,所述基于所述图形的形状参数、所述第一平滑程度参数t和所述第一圆弧半径R,确定所述第一圆弧与所述第一曲线的第一交点包括:
确定第一夹角,所述第一夹角为所述第一边与所述第一圆弧所在的圆相切的切点和所述第一圆弧的圆心的连线与所述第一边与第二边的交点和所述第一圆弧的圆心的连线之间的夹角;
基于所述第一夹角、所述圆弧半径R和所述第一平滑程度参数t,确定所述第一交点。
其中,所述第一平滑程度参数t表征第二夹角与所述第一夹角的比例;其中,所述第二夹角为所述第一圆弧的圆心和所述第一交点的连线与所述第一边的延长线与所述第一圆弧所在的圆相切的切点和所述第一圆弧的圆心的连线之间的夹角。
其中,所述基于所述第一交点、所述第一交点处的曲率k、所述第一平滑程度参数t,确定所述第二交点包括:
根据所述第一交点确定第五交点,其中,所述第五交点为所述第一交点处与所述第一圆弧所在圆相切的切线与所述第一边相交的交点;
基于所述第一交点处的曲率k、所述平滑程度参数t,确定所述第五交点与所述第二交点之间的距离;
基于所述第五交点和所述第五交点与所述第二交点之间的距离,确定所述第二交点。
其中,所述基于所述第一交点、所述第一交点处的曲率k、所述第一平滑程度参数t,确定所述第三交点包括:
根据所述第一交点处的曲率k、所述第一平滑程度参数t、所述第五交点与所述第二交点之间的距离,确定所述第二交点和所述第三交点之间的距离;
基于所述第五交点、所述第五交点与所述第三交点之间的距离和所述第二交点和所述第三交点之间的距离,确定所述第三交点。
其中,所述处理方法还包括:
根据所述图形的形状参数,确定所述第一圆弧的圆弧半径R的范围;
在所确定的所述第一圆弧的圆弧半径R的范围内,获取所述第一圆弧的圆弧半径R。
其中,当所处理的图形为包括圆角部分的矩形时,所述处理方法还包括:
确定所述第一圆弧的圆弧半径R的范围为:
R<=min(w/2,h/2),其中,w为包括所述圆角部分的矩形的宽度,h为包括所述圆角部分的矩形的高度。
根据本公开实施例的第二面,提供一种图形的处理装置,包括:
接收模块,被配置为接收图形生成参数;
确定模块,被配置为基于所述图形生成参数,确定曲线部分、圆弧部分和直线部分;
生成模块,被配置为基于所述曲线部分、所述圆弧部分和所述直线部分生成所述图形;
显示模块,被配置为在显示屏上显示所述图形。
其中,所述图形生成参数包括所述图形的图形参数、所述图形的圆弧部分的半径、所述图形的曲线部分的平滑程度参数;其中,所述圆弧部分的半径大于等于零;所述平滑程度参数大于等于零,小于等于1;
所述确定模块被配置为:
基于所述图形参数、所述圆弧部分的半径和所述曲线部分的平化程度参数,确定所述图形的圆弧部分和曲线部分;
基于所述曲线部分,确定所述图形的直线部分。
其中,所述处理装置还包括:
调整模块,被配置为调整所述平滑程度参数和所述图形的图形参数,以调整所述图形的形状。
其中,所述圆弧部分包括第一圆弧,所述曲线部分包括第一曲线;
所述确定模块被配置为:
接收所述图形的形状参数、所述第一曲线的第一平滑程度参数t和所述第一圆弧的第一圆弧半径R,其中,R≧0,1≥t≧0;
基于所述图形的形状参数、所述第一平滑程度参数t和所述第一圆弧半径R,确定所述第一圆弧和所述第一曲线。
其中,所述确定模块被配置为:
基于所述图形的形状参数、所述第一平滑程度参数t和所述第一圆弧半径R,确定所述第一圆弧与所述第一曲线的第一交点;
基于所述第一交点和所述图形的形状参数,确定第一圆弧;
基于所述第一交点、所述第一平滑程度参数t和所述图形的形状参数,确定所述第一曲线。
其中,所述图形的形状参数包括图形的第一边;
所述确定模块被配置为:
基于所述第一交点、所述第一平滑程度参数t,确定第二交点和第三交点;其中,所述第二交点和所述第三交点位于所述第一边上;所述第二交点为所述第一曲线与所述第一边初次相交的交点;所述第三交点为所述第一曲线与所述第一边相交的交点;
基于所述第一交点、所述第二交点、所述第三交点,确定所述第一曲线。
其中,所述第一曲线在所述第三交点处的曲率与所述第一边在所述第三交点处的曲率相同。
其中,所述确定模块被配置为:
确定所述第一交点处的曲率k为1/R;
基于所述第一交点、所述第一交点处的曲率k、所述第一平滑程度参数t,确定所述第二交点;
基于所述第一交点、所述第一交点处的曲率k、所述第一平滑程度参数t,确定第三交点。
其中,所述图形的形状参数包括第一边和与所述第一边相邻的第二边;
所述确定模块被配置为:
确定所述第一边与所述第二边交点和所述第一圆弧的圆心的连线与所述第一圆弧所在圆的圆周的第四交点;
基于所述第四交点和所述第一交点,确定所述第一圆弧。
其中,所述确定模块被配置为:
确定第一夹角,所述第一夹角为所述第一边与所述第一圆弧所在的圆相切的切点和所述第一圆弧的圆心的连线与所述第一边与第二边的交点和所述第一圆弧的圆心的连线之间的夹角;
基于所述第一夹角、所述圆弧半径R和所述第一平滑程度参数t,确定所述第一交点。
其中,所述第一平滑程度参数t表征第二夹角与所述第一夹角的比例;其中,所述第二夹角为所述第一圆弧的圆心和所述第一交点的连线与所述第一边的延长线与所述第一圆弧所在的圆相切的切点和所述第一圆弧的圆心的连线之间的夹角。
其中,所述确定模块被配置为:
根据所述第一交点确定第五交点,其中,所述第五交点为所述第一交点处与所述第一圆弧所在圆相切的切线与所述第一边相交的交点;
基于所述第一交点处的曲率k、所述平滑程度参数t,确定所述第五交点与所述第二交点之间的距离;
基于所述第五交点和所述第五交点与所述第二交点之间的距离,确定所述第二交点。
其中,所述确定模块被配置为:
根据所述第一交点处的曲率k、所述第一平滑程度参数t、所述第五交点与所述第二交点之间的距离,确定所述第二交点和所述第三交点之间的距离;
基于所述第五交点、所述第五交点与所述第三交点之间的距离和所述第二交点和所述第三交点之间的距离,确定所述第三交点。
其中,所述处理装置还包括:
圆弧半径范围确定模块,被配置为根据所述图形的形状参数,确定所述第一圆弧的圆弧半径R的范围;
圆弧半径范围获取模块,被配置为在所确定的所述第一圆弧的圆弧半径R的范围内,获取所述第一圆弧的圆弧半径R。
其中,当所处理的图形为包括圆角部分的矩形时,圆弧半径范围确定模块被配置为:
确定所述第一圆弧的圆弧半径R的范围为:
R<=min(w/2,h/2),其中,w为包括所述圆角部分的矩形的宽度,h为包括所述圆角部分的矩形的高度。
根据本公开实施例的第三方面,提供一种图形的处理装置,包括:
处理器;
用于存储处理器可执行指令的存储器;
其中,所述处理器被配置为:
接收图形生成参数;
基于所述图形生成参数,确定曲线部分、圆弧部分和直线部分;
基于所述曲线部分、所述圆弧部分和所述直线部分生成所述图形;
在显示屏上显示所述图形。
根据本公开实施例的第一方面,提供一种非临时性计算机可读存储介质,当所述存储介质中的指令由移动终端的处理器执行时,使得移动终端能够执行一种通知信息的显示方法,所述显示方法包括:
接收图形生成参数;
基于所述图形生成参数,确定曲线部分、圆弧部分和直线部分;
基于所述曲线部分、所述圆弧部分和所述直线部分生成所述图形;
在显示屏上显示所述图形。
本公开的实施例提供的技术方案可以包括以下有益效果:本公开所提供的处理方法在对图形进行处理后,圆角部分包括圆弧部分的同时还包括曲线部分,使得圆角部分与直线部分的过渡更平滑,圆角感官更优美。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本公开。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本发明的实施例,并与说明书一起用于解释本发明的原理。
图1示出了根据一示例性实施例示出的一种图形的处理方法的流程图;
图2示出了,图1中步骤S12中基于图形生成参数,确定曲线部分、圆弧部分和直线部分的方法流程图;
图3示出了根据一示例性实施例示出的图形处理的示例;
图4示出了根据一示例性实施例示出的一种图形的处理方法;
图5示出了,在图2中步骤S121中,基于图形参数、圆弧部分的半径和曲线部分的平滑程度参数,确定图形的圆弧部分和曲线部分的方法流程图;
图6示出了,图5中步骤S1212中基于图形的形状参数、第一平滑程度参数t和第一圆弧半径R,确定第一圆弧和第一曲线的方法流程图;
图7示出了,图6中步骤S12123中基于第一交点P1、第一平滑程度参数t和图形的形状参数,确定第一曲线的方法流程图;
图8示出了,图7中步骤S121231中基于第一交点P1、第一平滑程度参数t,确定第二交点P2和第三交点P3流程图;
图9示出了,图6中步骤S12122中中,基于所确定的第一交点P1和图形的形状参数确定第一圆弧的方法流程图;
图10示出了,图6中的步骤S12121中,,基于图形的形状参数、平滑程度参数t和圆弧半径R,确定第一圆弧与第一曲线的第一交点P1的方法流程图;
图11示出了根据一示例性实施例示出的一种图形的处理方法的流程图;
图12示出了图8中步骤S1212312中,基于第一交点P1、第一交点P1处的曲率k和平滑程度参数t,确定第二交点P2的方法流程图;
图13示出了图8中步骤S1212313中,基于第一交点P1、第一交点P1处的曲率k和第一平滑程度参数t,确定第三交点P3的方法流程图;
图14示出了根据一示例性实施例示出的一种图形的处理方法的流程图;
图15示出了根据一示例性实施例示出的一种图形的处理方法的流程图;
图16示出了根据一示例性实施例示出的一种图形的处理方法的流程图;
图17示出了根据一示例性实施例示出的经处理后的包括圆角部分的矩形;
图18a-图18c示出了调整矩形的形状参数、圆弧半径R和平滑程度参数t,调整所处理的图形的变化结果;
图19a-图19d示出了当平滑程度t从0变化到1时,图形变化对比图;
图20a-图20d示出了在给定t值时,随着包括圆角部分的矩形的高度h逐渐减小时,图形变化对比图;
图21a-图21d示出了当包括圆角部分的矩形的宽度w也逐渐减小时,图形变化对比图;
图22a-图22c示出了如果包括圆角部分的矩形的高度h持续减小,图形变化对比图;
图23示出了根据一示例性实施例示出的一种图形的处理装置的框图;
图24示出了根据一示例性实施例示出的一种图形的处理装置的框图(移动终端的一般结构);
图25是根据一示例性实施例示出的一种图形的处理装置的框图(服务器的一般结构)。
具体实施方式
这里将详细地对示例性实施例进行说明,其示例表示在附图中。下面的描述涉及附图时,除非另有表示,不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本发明相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本发明的一些方面相一致的装置和方法的例子。
图1示出了根据一示例性实施例示出的一种图形的处理方法的流程图。本公开所提供的图形的处理方法可以应用于任何设备,例如终端设备或者服务器设备或者其他设备。本公开所提供的图形的处理方法中所需处理的图形可以包括曲线部分,圆弧部分和直线部分。如图1所示,图形的处理方法包括以下步骤。
在步骤11中,接收图形生成参数;
在步骤12中,基于图形生成参数,确定曲线部分、圆弧部分和直线部分;
在步骤13中,基于曲线部分、圆弧部分和直线部分生成图形;
在步骤14中,在显示屏显示图形。
本公开所要处理的图形可以包括曲线部分、圆弧部分和直线部分,通过接收图形生成参数,可以确定曲线部分、圆弧部分和直线部分,通过曲线部分、圆弧部分和直线部分可以生成图形,然后在显示屏上显示该图形。在本公开中,所需处理的图形可以是显示在设备的显示屏上的图标。例如移动终端显示屏上的各图标。移动终端上的图标为了感官优美,通常对图标进行圆角化处理。在本公开中,圆角化处理后的图形可以包括曲线部分和圆弧部分,曲线部分和圆弧部分构成圆角部分。原始图形进行圆角化后连接圆角部分的线为直线部分。将圆弧部分、曲线部分和直线部分顺次连接之后,生成圆角化处理的图形,然后可以在移动终端显示该图形。
本公开所提供的处理方法在对图形进行处理后,圆角部分包括圆弧部分的同时还包括曲线部分,使得圆角部分与直线部分的过渡更平滑,圆角感官更优美。
本公开实施例中提供了一种图形的处理方法。图形生成参数包括图形的图形参数、图形的圆弧部分的半径、图形的曲线部分的平滑程度参数;其中,圆弧部分的半径大于等于零;平滑程度参数大于等于零,小于等于1;如图2所示,图2示出了,图1中步骤S12中基于图形生成参数,确定曲线部分、圆弧部分和直线部分的方法流程图:
在步骤S121中,基于图形参数、圆弧部分的半径和曲线部分的平滑程度参数,确定图形的圆弧部分和曲线部分;
在步骤S122中,基于曲线部分,确定图形的直线部分。
图形参数是表示图形的形状的参数。例如,如果需处理的图形是带圆角的图标,该图标为带圆角的矩形,那么,图形参数可以包括矩形的长和宽。曲线部分的平化程度参数表示曲线部分的平滑程度的参数。通过图形参数、圆弧部分的半径以及曲线部分的平滑程度参数确定圆弧部分和曲线部分,圆弧部分和曲线部分连接,即确定了图形的圆角部分。
图3示出了根据一示例性实施例示出的图形处理的示例。如图3所示,所需处理的图形包括圆角部分。圆角部分包括圆弧部分100和曲线部分200,连接曲线部分200的连线为直线部分。
本公开实施例中提供了一种图形的处理方法。如图4所示,图4示出了根据一示例性实施例示出的一种图形的处理方法:
在步骤S15中,调整平滑程度参数和图形的图形参数,以调整图形的形状。
在本公开所提供的图形的处理方法中,当图形生成后,可以通过调整平滑程度参数和图形的图形参数来调整图形的形状。例如,通过调整平滑程度参数和图形的图形参数将带圆角部分的矩形调整成胶囊形状或者正圆。在下述针对附图19至附图22的相关说明中,给出了详细的说明。
本公开实施例中提供了一种图形的处理方法。圆弧部分包括第一圆弧,曲线部分包括第一曲线,如图5所示,图5示出了,在图2中步骤S121中,基于图形参数、圆弧部分的半径和曲线部分的平滑程度参数,确定图形的圆弧部分和曲线部分的方法流程图:
在步骤S1211中,接收图形的形状参数、第一曲线的第一平滑程度参数t和第一圆弧的第一圆弧半径R,其中,R≧0,1≥t≧0;
在步骤S1212中,基于图形的形状参数、第一平滑程度参数t和第一圆弧半径R,确定第一圆弧和第一曲线。
本公开中,圆弧部分包括第一圆弧,曲线部分包括第一曲线,并通过第一圆弧的圆弧半径R,第一曲线的平滑程度参数t以及图形的第一边的信息,确定第一圆弧和第一曲线。
以移动终端处理带圆角的图形为例进行说明,在接收到图形的图形参数、第一曲线的第一平滑程度参数t和第一圆弧的第一圆弧半径R后,根据图形的图形参数、第一平滑程度参数t和第一圆弧半径R,确定第一圆弧和第一曲线。如图3所示,圆弧部分100包括第一圆弧101,曲线部分200包括第一曲线201。
本公开通过根据第一圆弧的第一圆弧半径R并配合以第一曲线的第一平滑程度参数t和图形的图形参数,来对图形进行处理,实现了通过圆弧半径来控制圆角部分大小,使得图形的处理更简单,且圆角感官更优美。
本公开实施例中提供了一种图形的处理方法。如图6所示,图6示出了,图5中步骤S1212中基于图形的形状参数、第一平滑程度参数t和第一圆弧半径R,确定第一圆弧和第一曲线的方法流程图:
在步骤S12121中,基于图形的形状参数、第一平滑程度参数t和第一圆弧半径R,确定第一圆弧与第一曲线的第一交点P1;
在步骤S12122中,基于所确定的第一交点P1和图形的形状参数,确定第一圆弧;
在步骤S12123中,基于第一交点P1、第一平滑程度参数t和图形的形状参数,确定第一曲线。
在本公开中,通过图形的形状参数、第一平滑程度参数t和第一圆弧半径R确定第一圆弧和第一曲线的第一交点。即确定第一圆弧和第一曲线的交点,知道第一圆弧和第一曲线的交点的位置,就可以确定第一圆弧和第一曲线,例如,可以根据所确定的第一交点P1和图形的图形参数确定第一圆弧;根据所确定的第一交点P1和第一平滑程度参数t和图形的形状参数确定第一曲线。
图3示出了根据一示例性实施例示出的图形处理的示例。如图3所示,所需处理的图形包括圆弧部分100和曲线部分200,圆弧部分100包括第一圆弧101,曲线部分200包括第一曲线201.第一圆弧101的半径为R,第一圆弧101和第一曲线201的第一交点P1。当知道第一圆弧101和第一曲线201的第一交点P1后,通过所需处理的图形的图形参数,可以确定第一圆弧101。通过第一平滑程度参数t和图形的形状参数,可以确定第一曲线。第一曲线可以使用任何可以实现本公开曲线,例如可以选用贝塞尔曲线。
本公开实施例中提供了一种图形的处理方法。其中,所需处理的图形的形状参数包括图形的第一边如图7所示,图7示出了,图6中步骤S12123中基于第一交点P1、第一平滑程度参数t和图形的形状参数,确定第一曲线的方法流程图:
在步骤S121231中,基于第一交点P1、第一平滑程度参数t,确定第二交点和第三交点P3;其中,第二交点P2和第三交点P3位于第一边a上;第二交点P2为第一曲线与第一边的初次相交的交点;第三交点P3为第一曲线与第一边相交的交点;
在步骤121232中,基于第一交点P1、第二交点P2、第三交点P3,确定所述第一曲线。
图形的形状参数包括第一边,其中第一边是指图形未进行圆角化的处理前的边。如图3所示,图3示出的是直角矩形其中一个交的圆角化的图示,其中第一边a是直角矩形的一个边,其与第二边b相交,形成直角,交点为O。
如图3所示,在确定了第一交点P1后,可以通过第一平滑程度参数t进一步确定第一曲线与第一边a初次相交的交点,第二交点P2,在与第一边a相交后,为了提高第一曲线102与第一边a的相交后的平滑程度,提高圆角感官,需要进一步调整第一曲线102在与第一边a初次相交后与第一边a的延长线的重合状态以能使第一曲线102与第一边a实现过渡,即需要确定第一曲线102与第一边a相交处的交点位置,第三交点P3。
为了实现第一曲线102与第一边a的平滑过渡,可以设定第一曲线102和第一边a的曲率连续过渡,即将第一边a在第三交点P3处的曲率设置为与第一曲线102在第三交点P3处的曲率相同。可以选择第三交点P3,使得第一曲线102在第三交点P3处的曲率与第一边a在第三交点P3处的曲率相同。通过这样的设定,可以使得第一曲线102的曲率与第一边a的曲率实现连续,实现所需处理的图形的圆角部分与直线部分的平滑过渡。
当第一交点P1、第二交点P2,、第三交点P3确定后,第一曲线两个端点被确定,即第一交点P1和第三交点P3。第二交点P2可以认为是平滑过渡点,通过这三个点可以确定第一曲线。曲线类型可以是任何可以实现本公开的功能的曲线,例如可以是贝塞尔曲线。
本公开实施例中提供了一种图形的处理方法。如图8所示,图8示出了,图7中步骤S121231中基于第一交点P1、第一平滑程度参数t,确定第二交点P2和第三交点P3流程图:
在步骤S1212311中,获取第一交点P1处的曲率k为1/R;
在步骤S1212312中,基于第一交点P1、第一交点P1处的曲率k和第一平滑程度参数t,确定第二交点P2;
在步骤S1212313中,基于第一交点P1、第一交点P1处的曲率k、第一平滑程度参数t,确定第三交点P3。
如图3所示的示例中,为了实现第一圆弧101与第一曲线201的圆滑过渡,可以设定第一圆弧101和第一曲线201的曲率连续过渡,即将第一曲线201在第一交点P1处的曲率设置为与第一圆弧101在第一交点P1处的曲率相同。因此,第一曲线201第一交点P1处的曲率k等于第一圆弧101在第一交点P1的曲率,即1/R。当第一曲线201的第一交点P1处的曲率k确定后,根据平滑程度参数t,确定第一曲线201的第二交点P2,再根据平滑程度参数t确定第一曲线201的第三交点P3。
本公开实施例中提供了一种图形的处理方法。形状参数包括图形的第一边a和与第一边a相邻的第二边b。如图9所示,图9示出了,图6中步骤S12122中中,基于所确定的第一交点P1和图形的形状参数确定第一圆弧的方法流程图,包括:
在步骤S121221中,确定第一边与第二边的交点和第一圆弧的圆心的连线与第一圆弧所在圆的圆周的第四交点M;
在步骤S121222中,基于第四交点M和第一交点P1,确定第一圆弧。
如图3所示的示例中,第一圆弧101与第一曲线201的第一交点P1为第一圆弧101的一个端点,只要确定了另一个端点,就可以确定第一圆弧。可以通过图形参数确定第一圆弧101的另一个端点。例如将第一边a和相邻的第二边b的交点O与第一圆弧的圆心Q相连,将其连线与第一圆弧101所在圆的交点,第四交点M作为第一圆弧101的另一个端点。这样,第一圆弧的两个端点确定后,可以根据两个端点确定第一圆弧。
第一圆弧101的第一个端点为第一交点P1,第一边a和相邻的第二边b的交点O与第一圆弧101的圆心Q之间的连线与第一圆弧101所在圆的圆周的交点,第四交点M,为第一圆弧101的另一个端点。两个端点之间的第一圆弧101所在圆的一段圆弧为第一圆弧101。
本公开实施例中提供了一种图形的处理方法。如图10所示,图10示出了,图6中的步骤S12121中,,基于图形的形状参数、平滑程度参数t和圆弧半径R,确定第一圆弧与第一曲线的第一交点P1的方法流程图,包括:
在步骤S121211中,确定第一夹角;第一夹角为第一边与第一圆弧所在的圆相切的切点和第一圆弧的圆心的连线与第一边与第二边的交点和第一圆弧的圆心的连线之间的夹角;
在步骤S121212中,基于第一夹角、圆弧半径R和平滑程度参数t,确定第一交点P1。
如图3所述的示例中,第一夹角α为第一边a与第一圆弧101所在的圆相切的切点A和第一圆弧101的圆心Q的连线与第一边a与第二边b的交点O和第一圆弧的圆心Q的连线之间的夹角。通过第一夹角α、圆弧半径R和平滑程度参数t,可以确定第一交点P1。
本公开实施例中提供了一种图形的处理方法。如图11所示,图11示出了根据一示例性实施例示出的一种图形的处理方法的流程图:
在步骤S121213中,第一平滑程度参数t表征第二夹角与第一夹角的比例;其中,第二夹角为第一圆弧的圆心和第一交点P1的连线与第一边与第一圆弧所在的圆相切的切点和第一圆弧的圆心的连线之间的夹角。
如图3所述的示例中,第二夹角为θ,第一平滑程度参数t表征第二夹角θ与第一夹角α的比例。第二夹角θ与第一夹角α的比例确定后,第一交点P1的位置即可以确定。第二夹角θ为第一圆弧101的圆心Q和第一交点P1的连线与第一边a与第一圆弧所在的圆相切的切点A和第一圆弧101的圆心Q的连线之间的夹角。
本公开实施例中提供了一种图形的处理方法。如图12所示,图12示出了图8中步骤S1212312中,基于第一交点P1、第一交点P1处的曲率k和平滑程度参数t,确定第二交点P2的方法流程图:
在步骤S12123121中,根据第一交点P1确定第五交点N,其中,第五交点N为第一交点P1处与第一圆弧所在圆相切的切线与第一边相交的交点;
在步骤S12123122中,基于第一交点P1处的曲率k、第一平滑程度参数t,确定第五交点N与第二交点P2之间的距离;
在步骤S12123123中,基于第五交点N和第五交点N与第二交点P2之间的距离,确定第二交点P2。
如图3所述的示例中,当第一交点P1确定后,可以根据所需处理的图形的与第一曲线102连接的第一边a所在的位置,确定第一交点P1处与第一圆弧101所在圆相切的切线与第一边a相交的交点,第五交点N。再根据第一交点P1处的曲率k、第一平滑程度参数t,确定第五交点N与第二交点P2之间的距离。第五交点N位于第一边a上,第二交点P2也位于第一边a上,确定了第五交点N与第二交点P2的距离后,可以确定第二交点P2的位置。
本公开实施例中提供了一种图形的处理方法。如图13所示,图13示出了图8中步骤S1212313中,基于第一交点P1、第一交点P1处的曲率k和第一平滑程度参数t,确定第三交点P3的方法流程图:
在步骤S12123131中,根据第一交点P1处的曲率k、第一平滑程度参数t、第五交点N与第二交点P2之间的距离,确定第二交点P2和第三交点P3之间的距离;
在步骤S12123132中,基于第五交点N、第五交点N与第三交点P3之间的距离和第二交点P2和第三交点P3之间的距离,确定第三交点P3。
如图3所述的示例中,当第二交点P2确定后,根据第一交点P1处的曲率k、第一平滑程度参数t、第五交点N与第二交点P2之间的距离,确定第二交点P2和第三交点P3之间的距离。第三交点P3位于第一边上,确定了第二交点P2与第三交点P3的距离后,可以确定第三交点P3的位置。
本公开所提供的图形的处理方法中,图形的圆弧部分包括第一圆弧,曲线部分包括第一曲线,根据第一圆弧的半径和第一曲线的第一平滑程度参数来确定图形的圆角部分,克服了现有技术中,不能通过圆弧半径来控制圆角部分大小的问题。本公开所提供的图形的处理方法,仅通过圆弧半径、平滑程度参数t以及图形的形状参数来进行图形处理,使得图形的圆角部分与直线部分的曲率连续,使得圆角部分与直线部分过渡平滑,所显示的包括圆角部分的图形的圆角部分的感官优美。
本公开实施例中提供了一种图形的处理方法。如图14所示,图14示出了根据一示例性实施例示出的一种图形的处理方法的流程图:
在步骤16中,根据图形的形状参数,确定第一圆弧的第一圆弧半径R的范围;
在步骤17中,在所确定的第一圆弧的第一圆弧半径R的范围内,获取第一圆弧的第一圆弧半径R。
根据图形的形状参数,例如长、宽和角度等,确定第一圆弧101的第一圆弧半径R的范围。在所确定的范围内,获取第一圆弧101的半径R。
本公开实施例中提供了一种图形的处理方法。如图15所示,图15示出了根据一示例性实施例示出的一种图形的处理方法的流程图:
在步骤S161中,当所需处理的形状为矩形时,R可以选择为:
R<=min(w/2,h/2),其中,w为矩形的宽度,h为矩形的高度。
本公开实施例中提供了一种图形的处理方法。其中,圆弧部分还包括第二圆弧,曲线部分还包括第二曲线,如图16所示,图16示出了根据一示例性实施例示出的一种图形的处理方法的流程图:
在步骤S1213中,接收图形的形状参数、第二曲线的第二平滑程度参数t’和第二圆弧的第二圆弧半径R’,其中,R’≧0,1≥t’≧0;
在步骤S1214中,基于图形的形状参数、第二曲线的第二平滑程度参数t’和第二圆弧的第二圆弧半径R’,确定第二圆弧和第二曲线;其中,第二圆弧与第一圆弧同圆心且相连接。
如图3所述的示例中,在上述步骤S1211和步骤S1212中,确定是圆弧部分的第一圆弧和曲线部分的第一曲线。步骤S1213和步骤S1214确定的是圆弧部分的第二圆弧和曲线部分的第二曲线。圆弧部分的第二圆弧和曲线部分的第二曲线的处理方法与圆弧部分的第一圆弧和曲线部分的第一曲线的处理方法一致。其中,第二曲线的第二平滑程度参数t’和第二圆弧的第二圆弧半径R’可以与第一曲线的第一平滑程度参数t和第一圆弧的第一圆弧半径R相同或者不同。其中第一曲线、第一圆弧、第二圆弧和第二曲线依次连接,形成直角矩形的其中一个圆角。其中,第一圆弧和第二圆弧为同圆心的圆弧。
如图3所述的示例中,按照相同的方法获得直角矩形的四个角的圆弧部分和曲线部分,即获得四个角的圆角部分。与圆角部分相连的连线为直线部分。例如在第一边a上的第三交点P1与另一个第三交点(图中未示出)之间的连线构成了直线部分中的其中一条直线。经圆角处理后的图形最后形成可以形成如图17所示的圆角矩形,图17示出了根据一示例性实施例示出的经处理后的包括圆角部分的矩形。
所需处理的图形可以是任意适合进行圆角处理的图形,例如包括圆角部分的矩形、包括圆角部分的多边形。
本公开所提供的图形处理方法,通过调整平滑程度参数和圆弧半径,来实现图形形状的调整,能使得各个图形之间的过渡连续,圆角部分保持平滑状态。
下面以移动终端处理包括圆角部分的图标为例进行说明。其中图标为矩形,即以处理包括圆角部分的矩形,说明本公开所提供的图形的处理方法。如图3所示,图形为包括圆角部分10的矩形。圆角部分10包括圆弧部分100和曲线部分200,圆弧部分100包括第一圆弧101,虚线部分200包括第一曲线201。第一曲线201可以为贝塞尔曲线。
为了方便描述,将原始矩形的相邻两条边的交点O作为起点建立坐标系,水平方向为X轴方向,向下为Y轴方向。第一圆弧101所在的圆与原始的矩形相切,即第一圆弧101所在的圆与原始矩形相邻两条边相切。第一圆弧101所在的圆的圆心为Q。第一圆弧101的第一半径为R,第一曲线201的第一平滑程度参数t,所需处理的矩形的图形参数包括第一边a和/或第二边b。根据第一圆弧101的第一半径为R,第一曲线201的第一平滑程度参数t,所需处理的矩形的图形参数包括第一边a和/或第二边b,确定第一圆弧101和第一曲线201。
基于第一交点为P1和图形参数确定第一圆弧101,通过第一交点P1、第一平滑程度参数t和图形的形状参数,确定第一曲线201。
第二交点为P2,第三交点为P3。第一交点P1与第三交点P3之间的曲线为第一曲线201。圆心Q和交点O之间的连线与第一圆弧101所在的圆的圆周相交的交点为第四交点M,第一交点P1与第四交点M之间第一圆弧101。交点O和圆心Q的连线与圆心Q和矩形的第一边a(X轴方向的直线)的切点的连线之间的夹角为第一夹角α。圆心Q和第一交点P1的连线与圆心Q和矩形10的第一边a(X轴方向的直线)的切点的连线之间的夹角为第二夹角θ。第一平滑程度参数t为表征第二夹角θ与第一夹角α之间的比例,1≥t≧0。
在移动终端接收到了第一平滑程度参数t,第一圆弧101第一半径R,矩形的形状参数,第一边a和/或第二边b后,由于第一平滑程度参数t为表征第二夹角θ与第一夹角α之间的比例,可以确定第二夹角θ。第一平滑程度参数t,第二夹角θ和第一夹角α的关系是可以按照下述描述:
t=θ/α∈[0,1],
在图2中,要处理的是带圆角部分的矩形,其中,第一夹角α为π/4。上述公式可以描述为:
t=θ/(π/4)∈[0,1],
θ=πt/4
通过第一平滑程度参数t,确定第二夹角θ,第二夹角θ确认后,可以确定第一交点P1的坐标P1(m,n)。坐标P1(m,n)可以按照下述公式获得:
m=R*[1-tan(θ/2)*(1+cosθ)]
n=R*tan(θ/2)*sinθ
为了保证第一圆弧和第一曲线平滑过渡,可以使第一曲线在第一交点P1处的曲率与第一圆弧在第一交点P1处的曲率相同。即第一曲线在第一交点P1处的切线角度与第一圆弧在第一交点P1处的切线角度相同。将与第一圆弧所在圆在第一交点P1处的切线与矩形的X轴方向的直线,即初始矩形的第一边a,相交,得到第五交点N,第五交点N在矩形的第一边a上。可以确定第五交点N的坐标(p,0)。其中,p可以按照下述公式计算得出:
p=R*[1-tan(θ/2)]
第五交点N与第二交点P2之间的距离为x。考虑到第一曲线201在第一交点P1处的曲率于第一圆弧101在第一交点P1处的曲率,为1/R。x可以按照下述公式计算得出:
x=3R*tan(θ/2)/[2*(1+cosθ)]
通过上述计算后,得到第二交点P2的坐标P(p+x,0)。
第二交点P2与第三交点P3之间的距离为y。为了求出y,可以引入参数K,y=Kx。
当使用第一半径为R的圆直接与矩形相切,得到普通的带圆角的矩形时,矩形的边长减少的长度为R。当采用本公开所提供的处理带圆角部分的矩形时,矩形的边长减少的长度为p+x+y,定义本公开所提供的处理方法所处理的带圆角部分的矩形的圆角部分的半径,为R”,R”=x+y+p。
本公开所提供的处理方法所处理的带圆角部分的矩形的圆角部分包括第一圆弧和第一曲线,t为第一曲线的第一平滑程度参数,R为第一圆弧的第一半径。当t=0时,圆角部分不包括第一曲线201,此时,R”=R;当t=1时,圆角部分不包括第一圆弧101,R”达到最大。R”与R的关系与t有关,即R”=f(t,R),R”可以按照下述公式计算:
R”=f(t,R)=(1+t)*R
可以取不同的f(t,R)的值,得到不同的平滑圆角。
根据上面的关系,能够得出:
k=[2*(t+tan(θ/2))*(1+cosθ)/(3*tan(θ/2))]-1
通过上述计算后,得到第三交点P3的坐标P(p+x+y,0)。
确定了第一交点P1,第二交点P2和第三交点P3后,可以确定第一曲线。
在确定了第一交点P1和第四交点M之后,可以确定第一圆弧101。
同理,也可以确定第二圆弧103和第二曲线104。
移动终端在完成第一圆弧101、第一曲线102、第二圆弧103和第二曲线104后,完成矩形的其中一个圆角部分的处理,该圆角部分依次包括第一曲线102、第一圆弧101、第二圆弧103和第二曲线104。同理可以对矩形的其他三个角也进行相应的处理。对矩形圆角处理后,得到带圆角的矩形。带圆角的矩形(图标)可以显示在移动终端的显示屏上。
图3所给出的示例,仅是以包括圆角部分的矩形为例进行的说明,可以推知,所需绘处理的图形并不一定是直角的矩形,也可以是任意角度的任意可以进行圆角处理的多边形。
如上描述的,带圆角的矩形,包括圆角部分和初始矩形的宽度w(图3中的第一边a)和长度h(图3中的第二边b)。可以通过调整矩形的形状参数和平滑程度参数t来调整所处理的矩形。
下面以包括圆角部分的矩形为例,说明通过调整矩形的形状参数、圆弧半径R和平滑程度参数t,调整所处理的图形。
当移动终端接收到的圆弧半径R=0时,不论t为多少,所处理的图形均为直角矩形,不包括圆角部分。此时R”=0;移动终端显示出来的图形是直角矩形,如图18a所示。
当移动终端接收到的矩形的形状参数,矩形的高度或者宽度逐渐减小时,先是直线部分先减小到0,然后曲线部分(包括第一曲线和第二曲线)逐渐减少到0,最后剩下圆弧部分(包括第一圆弧和第二圆弧),得到胶囊形状。移动终端显示出来的图形是胶囊形状,如图18b所示。
当移动终端接收到的矩形的形状参数,矩形的高度和宽度方向在两个方向都减小时,直线部分和曲线部分依次减小到0,剩下圆弧部分,得到一个正圆。移动终端显示出来的图形是正圆,如图18c所示。
当矩形的宽度没有减小时,包括直线部分,此时:
2R”<w,如上描述的,R”=(1+t)*R,得出:
2*(1+t)R<w,其中,w为矩形的宽度。
此时的矩形为包含圆角部分和直线部分的矩形。
当矩形的宽度开始减小,直到没有直线部分,此时,矩形的宽度达到第一个临界值w0,此时的平滑程度参数t没有发生变化。
w0=2(1+t)*R
此时矩形为在宽度方向上只包括圆角部分的矩形。
当矩形的宽度继续减小,当矩形的宽度小于w0时,为了使矩形在宽度方向上继续减小,则逐渐减小曲线部分(包括第一曲线和第二曲线)。在此时的减小过程中,为了使矩形的圆角部分始终等于矩形宽度的一半,此时保持R不变,逐渐减小t值,因为,
R”=(1+t)*R
当矩形的宽度逐渐减小到2R的大小时,t=0,这使得曲线部分(包括第一曲线和第二曲线)完全消失,此时,R”=R。在矩形的宽度方向上,圆角部分只包括圆弧部分(包括第一圆弧和第二圆弧)。竖直方向上未发生变化,这样,形成了平滑的胶囊形状。
对比于包括普通圆角的矩形,即只包括圆弧部分的矩形,在矩形宽度方向上进行减小时,圆角半径要逐渐减小以满足随着矩形宽度的减小,圆角半径始终等于矩形宽度的一半。在矩形处理的过程中,逐渐减小的圆角半径不能保证曲率变化的连续性,使得图形变化之间不能实现连续过渡。而本公开所提供的图形的处理方法,在图形变化过程中,主要减少的是曲线部分(包括第一曲线和第二曲线),曲率变化连续,使得图形变化过渡连续。
当矩形的高度方向上也按照上述过程减小时,当w=h=2R时,其中h为矩形的高度,矩形完全变化成正圆。
因此,可以得出:
当w>w0时,t值不变,包括圆角部分的矩形为正常的圆角矩形;
当w=w0时,t值不变,矩形宽度方向上的直线长度为0,即直线消失;
当2R<w<w0时,t=[w/(2*R)]-1开始变化,随着矩形宽度的减少而减小,此时曲线部分逐渐减少;
当w=2R是,矩形的圆角部分只包括圆弧部分,形成胶囊形状。
同理,矩形高度方向的变化与矩形宽度方向的变化类似,当h=2R,矩形的圆角部分只包括圆弧部分,形成胶囊形状。
当w=h=2R时,矩形变成形成正圆。
考虑形成正圆的边界值为w=h=2R,可以限定R的取值R<=min(w/2,h/2),这里的w和h是矩形在减小前的宽度和高度的初始值,以确保上述变化过程的有效性。
下面图示了在不同参数下,圆角部分的圆弧部分和曲线部分的变化过程以及在移动终端中所显示的效果。
(1)当平滑程度t从0变化到1时,平滑程度逐渐增大。
如图19a-图19d中所示,标号100表示圆弧部分,标号200表示曲线部分,标号为300的为直线部分。图19a所示图形为t=0的情况,圆角部分只包括圆弧部分100;图19b所示图形为t=0.3的情况圆角部分包括圆弧部分100和曲线部分200;图19c所示图形为t=0.75的情况,圆角部分包括圆弧部分100和曲线部分200,此时曲线部分200所占比例逐渐增大;图19d所示图形为t=1的情况,此时,圆角部分只包括曲线部分200。从如图19a-图19d中所示可以看出,t值越大,曲线部分所占比例越大,圆角部分的平滑程度越大。由图中可以看出,调整平滑程度参数,即调整曲线部分200的占比就可以调整图形的形状。
(2)在给定t值时,随着包括圆角部分的矩形的高度h逐渐减小时,包括圆角部分的矩形变为胶囊形状。
如图20a-图20d所示,标号100表示圆弧部分,标号200表示曲线部分,标号为300的为直线部分。图20a所示图形为h=136mm的情况;图20b所示图形为h=95mm的情况;图20c所示图形为h=80mm的情况;图20d所示图形为h=54mm的情况。图20d所示图形为为胶囊形状。由图20a-图20d可以看出,当矩形的高度h逐渐减小时,在高度方向上,直线部分逐渐消失,然后曲线部分也逐渐消失,最后在高度方向上只剩下圆弧部分100,形成胶囊形状。
(3)在上述第(2)种情况完成后,当包括圆角部分的矩形的宽度w也逐渐减小时,胶囊形状变化为正圆。
如图21a-图21d所示,标号100表示圆弧部分,标号200表示曲线部分,标号为300的为直线部分。图21a所示图形为h=54mm,w=240mm的情况;图21b所示图形为h=54mm,w=90mm的情况;图21c所示图形为h=54mm,w=65mm的情况;图21d所示图形为h=54mm,w=54mm的情况。21d所示图形为正圆。由图21a-图21d可以看出,当矩形的宽度w逐渐减小时,在宽度方向上,直线部分逐渐消失,然后曲线部分也逐渐消失,最后在宽度方向上也只剩下圆弧部分100,形成正圆。
(3)在上述第(2)种情况完成后,如果包括圆角部分的矩形的高度h持续减小,胶囊可以连续变小至消失。
如图22a-图22c所示,标号100表示圆弧部分,标号200表示曲线部分。图22a所示图形为h=54mm的情况;图22b所示图形为h=30mm的情况;图22c所示图形为h=10mm的情况;当h=0mm时,所需处理的图形消失。由图22a-图22c可以看出,当矩形的高度继续逐渐减小时,在高度方向上圆弧部分也逐渐消失,当高度为0时,图形消失。
由上述图形变化可以看出,无论是矩形的高度方向的调整还是宽度方向的调整,首先调整的是曲线部分,随后才是圆弧部分。由于曲线部分的存在,使得图形即使在调整过程中,也保证了图形的圆角部分的平滑变化状态。
上述对图形的处理过程是以在移动终端进行包括圆角部分的图标的处理为例进行说明,但这并不构成对本公开的限定,本公开所提供的对包括圆角部分的图标的处理方法可以应用于任何设备,例如可以是移动终端也可以是服务器或者其他设备。
图23示出了根据一示例性实施例示出的一种图形的处理装置的框图。参照图23,该装置包括接收模块231,确定模块232,生成模块233、显示模块234、调整模块235、圆弧半径范围确定模块236和圆弧半径范围获取模块237。
接收模块231,被配置为接收图形生成参数;
确定模块232,被配置为基于所述图形生成参数,确定曲线部分、圆弧部分和直线部分;
生成模块233,被配置为基于所述曲线部分、所述圆弧部分和所述直线部分生成所述图形;
显示模块234,被配置为在显示屏上显示所述图形。
其中,所述图形生成参数包括所述图形的图形参数、所述图形的圆弧部分的半径、所述图形的曲线部分的平滑程度参数;其中,所述圆弧部分的半径大于等于零;所述平滑程度参数大于等于零,小于等于1;
所述确定模块232被配置为:
基于所述图形参数、所述圆弧部分的半径和所述曲线部分的平化程度参数,确定所述图形的圆弧部分和曲线部分;
基于所述曲线部分,确定所述图形的直线部分。
其中,所述处理装置还包括:
调整模块235,被配置为调整所述平滑程度参数和所述图形的图形参数,以调整所述图形的形状。
其中,所述圆弧部分包括第一圆弧,所述曲线部分包括第一曲线;
所述确定模块232被配置为:
接收所述图形的形状参数、所述第一曲线的第一平滑程度参数t和所述第一圆弧的第一圆弧半径R,其中,R≧0,1≥t≧0;
基于所述图形的形状参数、所述第一平滑程度参数t和所述第一圆弧半径R,确定所述第一圆弧和所述第一曲线。
其中,所述确定模块232被配置为:
基于所述图形的形状参数、所述第一平滑程度参数t和所述第一圆弧半径R,确定所述第一圆弧与所述第一曲线的第一交点;
基于所述第一交点和所述图形的形状参数,确定第一圆弧;
基于所述第一交点、所述第一平滑程度参数t和所述图形的形状参数,确定所述第一曲线。
其中,所述图形的形状参数包括图形的第一边;
所述确定模块232被配置为:
基于所述第一交点、所述第一平滑程度参数t,确定第二交点和第三交点;其中,所述第二交点和所述第三交点位于所述第一边上;所述第二交点为所述第一曲线与所述第一边初次相交的交点;所述第三交点为所述第一曲线与所述第一边相交的交点;
基于所述第一交点、所述第二交点、所述第三交点,确定所述第一曲线。
其中,所述第一曲线在所述第三交点处的曲率与所述第一边在所述第三交点处的曲率相同。
其中,所述确定模块232被配置为:
确定所述第一交点处的曲率k为1/R;
基于所述第一交点、所述第一交点处的曲率k、所述第一平滑程度参数t,确定所述第二交点;
基于所述第一交点、所述第一交点处的曲率k、所述第一平滑程度参数t,确定第三交点。
其中,所述图形的形状参数包括第一边和与所述第一边相邻的第二边;
所述确定模块232被配置为:
确定所述第一边与所述第二边交点和所述第一圆弧的圆心的连线与所述第一圆弧所在圆的圆周的第四交点;
基于所述第四交点和所述第一交点,确定所述第一圆弧。
其中,所述确定模块232被配置为:
确定第一夹角,所述第一夹角为所述第一边与所述第一圆弧所在的圆相切的切点和所述第一圆弧的圆心的连线与所述第一边与第二边的交点和所述第一圆弧的圆心的连线之间的夹角;
基于所述第一夹角、所述圆弧半径R和所述第一平滑程度参数t,确定所述第一交点。
其中,所述第一平滑程度参数t表征第二夹角与所述第一夹角的比例;其中,所述第二夹角为所述第一圆弧的圆心和所述第一交点的连线与所述第一边的延长线与所述第一圆弧所在的圆相切的切点和所述第一圆弧的圆心的连线之间的夹角。
其中,所述确定模块232被配置为:
根据所述第一交点确定第五交点,其中,所述第五交点为所述第一交点处与所述第一圆弧所在圆相切的切线与所述第一边相交的交点;
基于所述第一交点处的曲率k、所述平滑程度参数t,确定所述第五交点与所述第二交点之间的距离;
基于所述第五交点和所述第五交点与所述第二交点之间的距离,确定所述第二交点。
其中,所述确定模块232被配置为:
根据所述第一交点处的曲率k、所述第一平滑程度参数t、所述第五交点与所述第二交点之间的距离,确定所述第二交点和所述第三交点之间的距离;
基于所述第五交点、所述第五交点与所述第三交点之间的距离和所述第二交点和所述第三交点之间的距离,确定所述第三交点。
其中,所述处理装置还包括:
圆弧半径范围确定模块236,被配置为根据所述图形的形状参数,确定所述第一圆弧的圆弧半径R的范围;
圆弧半径范围获取模块237,被配置为在所确定的所述第一圆弧的圆弧半径R的范围内,获取所述第一圆弧的圆弧半径R。
其中,当所处理的图形为包括圆角部分的矩形时,圆弧半径范围确定模块被配置为:
确定所述第一圆弧的圆弧半径R的范围为:
R<=min(w/2,h/2),其中,w为包括所述圆角部分的矩形的宽度,h为包括所述圆角部分的矩形的高度。
图24示出了根据一示例性实施例示出的一种用于图形的处理装置2400的框图。例如,装置2400可以是移动电话,计算机,数字广播终端,消息收发设备,游戏控制台,平板设备,医疗设备,健身设备,个人数字助理等。
参照图24,装置2400可以包括以下一个或多个组件:处理组件2402,存储器2404,电力组件2406,多媒体组件2408,音频组件2410,输入/输出(I/O)的接口2412,传感器组件2414,以及通信组件2416。
处理组件2402通常控制装置2400的整体操作,诸如与显示,电话呼叫,数据通信,相机操作和记录操作相关联的操作。处理组件2402可以包括一个或多个处理器2420来执行指令,以完成上述的方法的全部或部分步骤。此外,处理组件2402可以包括一个或多个模块,便于处理组件2402和其他组件之间的交互。例如,处理组件2402可以包括多媒体模块,以方便多媒体组件2408和处理组件2402之间的交互。
存储器2404被配置为存储各种类型的数据以支持在设备2400的操作。这些数据的示例包括用于在装置2400上操作的任何应用程序或方法的指令,联系人数据,电话簿数据,消息,图片,视频等。存储器2404可以由任何类型的易失性或非易失性存储设备或者它们的组合实现,如静态随机存取存储器(SRAM),电可擦除可编程只读存储器(EEPROM),可擦除可编程只读存储器(EPROM),可编程只读存储器(PROM),只读存储器(ROM),磁存储器,快闪存储器,磁盘或光盘。
电力组件2406为装置2400的各种组件提供电力。电力组件2406可以包括电源管理系统,一个或多个电源,及其他与为装置2400生成、管理和分配电力相关联的组件。
多媒体组件2408包括在所述装置2400和用户之间的提供一个输出接口的屏幕。在一些实施例中,屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板,屏幕可以被实现为触摸屏,以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界,而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中,多媒体组件2408包括一个前置摄像头和/或后置摄像头。当设备2400处于操作模式,如拍摄模式或视频模式时,前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。
音频组件2410被配置为输出和/或输入音频信号。例如,音频组件2410包括一个麦克风(MIC),当装置2400处于操作模式,如呼叫模式、记录模式和语音识别模式时,麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器2404或经由通信组件2416发送。在一些实施例中,音频组件2410还包括一个扬声器,用于输出音频信号。
I/O接口2412为处理组件2402和外围接口模块之间提供接口,上述外围接口模块可以是键盘,点击轮,按钮等。这些按钮可包括但不限于:主页按钮、音量按钮、启动按钮和锁定按钮。
传感器组件2414包括一个或多个传感器,用于为装置2400提供各个方面的状态评估。例如,传感器组件2414可以检测到设备2400的打开/关闭状态,组件的相对定位,例如所述组件为装置2400的显示器和小键盘,传感器组件2414还可以检测装置2400或装置2400一个组件的位置改变,用户与装置2400接触的存在或不存在,装置2400方位或加速/减速和装置2400的温度变化。传感器组件2414可以包括接近传感器,被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件2414还可以包括光传感器,如CMOS或CCD图像传感器,用于在成像应用中使用。在一些实施例中,该传感器组件2414还可以包括加速度传感器,陀螺仪传感器,磁传感器,压力传感器或温度传感器。
通信组件2416被配置为便于装置2400和其他设备之间有线或无线方式的通信。装置2400可以接入基于通信标准的无线网络,如WiFi,2G或3G,或它们的组合。在一个示例性实施例中,通信组件2416经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中,所述通信组件2416还包括近场通信(NFC)模块,以促进短程通信。例如,在NFC模块可基于射频识别(RFID)技术,红外数据协会(IrDA)技术,超宽带(UWB)技术,蓝牙(BT)技术和其他技术来实现。
在示例性实施例中,装置2400可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现,用于执行上述方法。
在示例性实施例中,还提供了一种包括指令的非临时性计算机可读存储介质,例如包括指令的存储器2404,上述指令可由装置2400的处理器2420执行以完成上述方法。例如,所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。
一种非临时性计算机可读存储介质,当所述存储介质中的指令由移动终端的处理器执行时,使得移动终端能够执行一种图形的处理方法,所述方法包括:
接收图形生成参数;
基于所述图形生成参数,确定曲线部分、圆弧部分和直线部分;
基于所述曲线部分、所述圆弧部分和所述直线部分生成所述图形;
在显示屏上显示所述图形。
图25是根据一示例性实施例示出的一种用于图形的处理装置2500的框图。例如,装置2500可以被提供为一服务器。参照图25,装置2500包括处理组件2522,其进一步包括一个或多个处理器,以及由存储器2532所代表的存储器资源,用于存储可由处理组件2522的执行的指令,例如应用程序。存储器2532中存储的应用程序可以包括一个或一个以上的每一个对应于一组指令的模块。此外,处理组件2522被配置为执行指令,以执行上述图形的处理方法,所述处理方法包括:
接收图形生成参数;
基于所述图形生成参数,确定曲线部分、圆弧部分和直线部分;
基于所述曲线部分、所述圆弧部分和所述直线部分生成所述图形;
在显示屏上显示所述图形。
装置2500还可以包括一个电源组件2526被配置为执行装置2500的电源管理,一个有线或无线网络接口2550被配置为将装置2500连接到网络,和一个输入输出(I/O)接口2558。装置2500可以操作基于存储在存储器2532的操作系统,例如Windows ServerTM,MacOS XTM,UnixTM,LinuxTM,FreeBSDTM或类似。
本领域技术人员在考虑说明书及实践这里公开的发明后,将容易想到本发明的其它实施方案。本申请旨在涵盖本发明的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本发明的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本发明的真正范围和精神由下面的权利要求指出。
应当理解的是,本发明并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本发明的范围仅由所附的权利要求来限制。
Claims (28)
1.一种图形的处理方法,其特征在于,
接收图形生成参数;
基于所述图形生成参数,确定曲线部分、圆弧部分和直线部分;
将所述圆弧部分、所述曲线部分和所述直线部分顺次连接,生成所述图形;
在显示屏上显示所述图形;
所述图形生成参数包括所述图形的图形参数、所述图形的圆弧部分的半径、所述图形的曲线部分的平滑程度参数;其中,所述圆弧部分的半径大于等于零;所述平滑程度参数大于等于零,小于等于1;
所述基于所述图形生成参数,确定曲线部分、圆弧部分和直线部分包括:
基于所述图形参数、所述圆弧部分的半径和所述曲线部分的平化程度参数,确定所述图形的圆弧部分和曲线部分;
基于所述曲线部分,确定所述图形的直线部分;
所述圆弧部分包括第一圆弧,所述曲线部分包括第一曲线;所述基于所述图形参数、所述圆弧部分的半径和所述曲线部分的平化程度参数,确定所述图形的圆弧部分和曲线部分包括:
接收所述图形的形状参数、所述第一曲线的第一平滑程度参数t和所述第一圆弧的第一圆弧半径R,其中,R≧0,1≥t≧0;
基于所述图形的形状参数、所述第一平滑程度参数t和所述第一圆弧半径R,确定所述第一圆弧和所述第一曲线。
2.根据权利要求1所述的处理方法,其特征在于,所述处理方法还包括:
调整所述平滑程度参数和所述图形的图形参数,以调整所述图形的形状。
3.根据权利要求1所述图形的处理方法,其特征在于,所述基于所述图形的形状参数、所述第一平滑程度参数t和所述第一圆弧半径R,确定所述第一圆弧和所述第一曲线包括:
基于所述图形的形状参数、所述第一平滑程度参数t和所述第一圆弧半径R,确定所述第一圆弧与所述第一曲线的第一交点;
基于所述第一交点和所述图形的形状参数,确定第一圆弧;
基于所述第一交点、所述第一平滑程度参数t和所述图形的形状参数,确定所述第一曲线。
4.根据权利要求3所述图形的处理方法,其特征在于,
所述图形的形状参数包括图形的第一边;
所述基于所述第一交点、所述第一平滑程度参数t和所述图形的形状参数,确定所述第一曲线包括:
基于所述第一交点、所述第一平滑程度参数t,确定第二交点和第三交点;其中,所述第二交点和所述第三交点位于所述第一边上;所述第二交点为所述第一曲线与所述第一边初次相交的交点;所述第三交点为所述第一曲线与所述第一边相交的交点;
基于所述第一交点、所述第二交点、所述第三交点,确定所述第一曲线。
5.根据权利要求4所述图形的处理方法,其特征在于,所述第一曲线在所述第三交点处的曲率与所述第一边在所述第三交点处的曲率相同。
6.根据权利要求4所述图形的处理方法,其特征在于,
所述基于所述第一交点、所述第一平滑程度参数t,确定第二交点和第三交点包括:
确定所述第一交点处的曲率k为1/R;
基于所述第一交点、所述第一交点处的曲率k、所述第一平滑程度参数t,确定所述第二交点;
基于所述第一交点、所述第一交点处的曲率k、所述第一平滑程度参数t,确定第三交点。
7.根据权利要求3所述图形的处理方法,其特征在于,
所述图形的形状参数包括第一边和与所述第一边相邻的第二边;
所述基于所确定的第一交点和所述图形的形状参数确定第一圆弧包括:
确定所述第一边与所述第二边交点和所述第一圆弧的圆心的连线与所述第一圆弧所在圆的圆周的第四交点;
基于所述第四交点和所述第一交点,确定所述第一圆弧。
8.根据权利要求3所述图形的处理方法,其特征在于,所述基于所述图形的形状参数、所述第一平滑程度参数t和所述第一圆弧半径R,确定所述第一圆弧与所述第一曲线的第一交点包括:
确定第一夹角,所述第一夹角为所述第一边与所述第一圆弧所在的圆相切的切点和所述第一圆弧的圆心的连线与所述第一边与第二边的交点和所述第一圆弧的圆心的连线之间的夹角;
基于所述第一夹角、所述圆弧半径R和所述第一平滑程度参数t,确定所述第一交点。
9.根据权利要求8所述图形的处理方法,其特征在于,所述第一平滑程度参数t表征第二夹角与所述第一夹角的比例;其中,所述第二夹角为所述第一圆弧的圆心和所述第一交点的连线与所述第一边的延长线与所述第一圆弧所在的圆相切的切点和所述第一圆弧的圆心的连线之间的夹角。
10.根据权利要求8所述图形的处理方法,其特征在于,
所述基于所述第一交点、所述第一交点处的曲率k、所述第一平滑程度参数t,确定所述第二交点包括:
根据所述第一交点确定第五交点,其中,所述第五交点为所述第一交点处与所述第一圆弧所在圆相切的切线与所述第一边相交的交点;
基于所述第一交点处的曲率k、所述平滑程度参数t,确定所述第五交点与所述第二交点之间的距离;
基于所述第五交点和所述第五交点与所述第二交点之间的距离,确定所述第二交点。
11.根据权利要求10所述图形的处理方法,其特征在于,
所述基于所述第一交点、所述第一交点处的曲率k、所述第一平滑程度参数t,确定所述第三交点包括:
根据所述第一交点处的曲率k、所述第一平滑程度参数t、所述第五交点与所述第二交点之间的距离,确定所述第二交点和所述第三交点之间的距离;
基于所述第五交点、所述第五交点与所述第三交点之间的距离和所述第二交点和所述第三交点之间的距离,确定所述第三交点。
12.根据权利要求1所述图形的处理方法,其特征在于,所述处理方法还包括:
根据所述图形的形状参数,确定所述第一圆弧的圆弧半径R的范围;
在所确定的所述第一圆弧的圆弧半径R的范围内,获取所述第一圆弧的圆弧半径R。
13.根据权利要求12所述图形的处理方法,其特征在于,当所处理的图形为包括圆角部分的矩形时,所述处理方法还包括:
确定所述第一圆弧的圆弧半径R的范围为:
R<=min(w/2,h/2),其中,w为包括所述圆角部分的矩形的宽度,h为包括所述圆角部分的矩形的高度。
14.一种图形的处理装置,其特征在于,
接收模块,被配置为接收图形生成参数;
确定模块,被配置为基于所述图形生成参数,确定曲线部分、圆弧部分和直线部分;
生成模块,被配置为将所述圆弧部分、所述曲线部分和所述直线部分顺次连接,生成所述图形;
显示模块,被配置为在显示屏上显示所述图形;
所述图形生成参数包括所述图形的图形参数、所述图形的圆弧部分的半径、所述图形的曲线部分的平滑程度参数;其中,所述圆弧部分的半径大于等于零;所述平滑程度参数大于等于零,小于等于1;
所述确定模块被配置为:
基于所述图形参数、所述圆弧部分的半径和所述曲线部分的平化程度参数,确定所述图形的圆弧部分和曲线部分;
基于所述曲线部分,确定所述图形的直线部分;
所述圆弧部分包括第一圆弧,所述曲线部分包括第一曲线;所述确定模块被配置为:
接收所述图形的形状参数、所述第一曲线的第一平滑程度参数t和所述第一圆弧的第一圆弧半径R,其中,R≧0,1≥t≧0;
基于所述图形的形状参数、所述第一平滑程度参数t和所述第一圆弧半径R,确定所述第一圆弧和所述第一曲线。
15.根据权利要求14所述的处理装置,其特征在于,所述处理装置还包括:
调整模块,被配置为调整所述平滑程度参数和所述图形的图形参数,以调整所述图形的形状。
16.根据权利要求14所述图形的处理装置,其特征在于,所述确定模块被配置为:
基于所述图形的形状参数、所述第一平滑程度参数t和所述第一圆弧半径R,确定所述第一圆弧与所述第一曲线的第一交点;
基于所述第一交点和所述图形的形状参数,确定第一圆弧;
基于所述第一交点、所述第一平滑程度参数t和所述图形的形状参数,确定所述第一曲线。
17.根据权利要求16所述图形的处理装置,其特征在于,
所述图形的形状参数包括图形的第一边;
所述确定模块被配置为:
基于所述第一交点、所述第一平滑程度参数t,确定第二交点和第三交点;其中,所述第二交点和所述第三交点位于所述第一边上;所述第二交点为所述第一曲线与所述第一边初次相交的交点;所述第三交点为所述第一曲线与所述第一边相交的交点;
基于所述第一交点、所述第二交点、所述第三交点,确定所述第一曲线。
18.根据权利要求17所述图形的处理装置,其特征在于,所述第一曲线在所述第三交点处的曲率与所述第一边在所述第三交点处的曲率相同。
19.根据权利要求17所述图形的处理装置,其特征在于,所述确定模块被配置为:
确定所述第一交点处的曲率k为1/R;
基于所述第一交点、所述第一交点处的曲率k、所述第一平滑程度参数t,确定所述第二交点;
基于所述第一交点、所述第一交点处的曲率k、所述第一平滑程度参数t,确定第三交点。
20.根据权利要求16所述图形的处理装置,其特征在于,
所述图形的形状参数包括第一边和与所述第一边相邻的第二边;
所述确定模块被配置为:
确定所述第一边与所述第二边交点和所述第一圆弧的圆心的连线与所述第一圆弧所在圆的圆周的第四交点;
基于所述第四交点和所述第一交点,确定所述第一圆弧。
21.根据权利要求16所述图形的处理装置,其特征在于,所述确定模块被配置为:
确定第一夹角,所述第一夹角为所述第一边与所述第一圆弧所在的圆相切的切点和所述第一圆弧的圆心的连线与所述第一边与第二边的交点和所述第一圆弧的圆心的连线之间的夹角;
基于所述第一夹角、所述圆弧半径R和所述第一平滑程度参数t,确定所述第一交点。
22.根据权利要求21所述图形的处理装置,其特征在于,所述第一平滑程度参数t表征第二夹角与所述第一夹角的比例;其中,所述第二夹角为所述第一圆弧的圆心和所述第一交点的连线与所述第一边的延长线与所述第一圆弧所在的圆相切的切点和所述第一圆弧的圆心的连线之间的夹角。
23.根据权利要求21所述图形的处理装置,其特征在于,
所述确定模块被配置为:
根据所述第一交点确定第五交点,其中,所述第五交点为所述第一交点处与所述第一圆弧所在圆相切的切线与所述第一边相交的交点;
基于所述第一交点处的曲率k、所述平滑程度参数t,确定所述第五交点与所述第二交点之间的距离;
基于所述第五交点和所述第五交点与所述第二交点之间的距离,确定所述第二交点。
24.根据权利要求23所述图形的处理装置,其特征在于,所述确定模块被配置为:
根据所述第一交点处的曲率k、所述第一平滑程度参数t、所述第五交点与所述第二交点之间的距离,确定所述第二交点和所述第三交点之间的距离;
基于所述第五交点、所述第五交点与所述第三交点之间的距离和所述第二交点和所述第三交点之间的距离,确定所述第三交点。
25.根据权利要求14所述图形的处理装置,其特征在于,所述处理装置还包括:
圆弧半径范围确定模块,被配置为根据所述图形的形状参数,确定所述第一圆弧的圆弧半径R的范围;
圆弧半径范围获取模块,被配置为在所确定的所述第一圆弧的圆弧半径R的范围内,获取所述第一圆弧的圆弧半径R。
26.根据权利要求25所述图形的处理装置,其特征在于,当所处理的图形为包括圆角部分的矩形时,圆弧半径范围确定模块被配置为:
确定所述第一圆弧的圆弧半径R的范围为:
R<=min(w/2,h/2),其中,w为包括所述圆角部分的矩形的宽度,h为包括所述圆角部分的矩形的高度。
27.一种图形的处理装置,其特征在于,包括:
处理器;
用于存储处理器可执行指令的存储器;
其中,所述处理器被配置为:
接收图形生成参数;
基于所述图形生成参数,确定曲线部分、圆弧部分和直线部分;
将所述圆弧部分、所述曲线部分和所述直线部分顺次连接,生成所述图形;
在显示屏上显示所述图形;
所述图形生成参数包括所述图形的图形参数、所述图形的圆弧部分的半径、所述图形的曲线部分的平滑程度参数;其中,所述圆弧部分的半径大于等于零;所述平滑程度参数大于等于零,小于等于1;
所述基于所述图形生成参数,确定曲线部分、圆弧部分和直线部分包括:
基于所述图形参数、所述圆弧部分的半径和所述曲线部分的平化程度参数,确定所述图形的圆弧部分和曲线部分;
基于所述曲线部分,确定所述图形的直线部分;
所述圆弧部分包括第一圆弧,所述曲线部分包括第一曲线;所述基于所述图形参数、所述圆弧部分的半径和所述曲线部分的平化程度参数,确定所述图形的圆弧部分和曲线部分包括:
接收所述图形的形状参数、所述第一曲线的第一平滑程度参数t和所述第一圆弧的第一圆弧半径R,其中,R≧0,1≥t≧0;
基于所述图形的形状参数、所述第一平滑程度参数t和所述第一圆弧半径R,确定所述第一圆弧和所述第一曲线。
28.一种非临时性计算机可读存储介质,当所述存储介质中的指令由移动终端的处理器执行时,使得移动终端能够执行一种通知信息的显示方法,所述显示方法包括:
接收图形生成参数;
基于所述图形生成参数,确定曲线部分、圆弧部分和直线部分;
将所述圆弧部分、所述曲线部分和所述直线部分顺次连接,生成所述图形;
在显示屏上显示所述图形;
所述图形生成参数包括所述图形的图形参数、所述图形的圆弧部分的半径、所述图形的曲线部分的平滑程度参数;其中,所述圆弧部分的半径大于等于零;所述平滑程度参数大于等于零,小于等于1;
所述基于所述图形生成参数,确定曲线部分、圆弧部分和直线部分包括:
基于所述图形参数、所述圆弧部分的半径和所述曲线部分的平化程度参数,确定所述图形的圆弧部分和曲线部分;
基于所述曲线部分,确定所述图形的直线部分;
所述圆弧部分包括第一圆弧,所述曲线部分包括第一曲线;所述基于所述图形参数、所述圆弧部分的半径和所述曲线部分的平化程度参数,确定所述图形的圆弧部分和曲线部分包括:
接收所述图形的形状参数、所述第一曲线的第一平滑程度参数t和所述第一圆弧的第一圆弧半径R,其中,R≧0,1≥t≧0;
基于所述图形的形状参数、所述第一平滑程度参数t和所述第一圆弧半径R,确定所述第一圆弧和所述第一曲线。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010250062.3A CN111462215B (zh) | 2020-04-01 | 2020-04-01 | 图形的处理方法、装置及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010250062.3A CN111462215B (zh) | 2020-04-01 | 2020-04-01 | 图形的处理方法、装置及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111462215A CN111462215A (zh) | 2020-07-28 |
CN111462215B true CN111462215B (zh) | 2023-10-20 |
Family
ID=71681172
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010250062.3A Active CN111462215B (zh) | 2020-04-01 | 2020-04-01 | 图形的处理方法、装置及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111462215B (zh) |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN117032468A (zh) * | 2023-10-09 | 2023-11-10 | 深圳市微克科技有限公司 | 一种基于智能手环的圆角矩形绘制方法、系统及介质 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JPH0413183A (ja) * | 1990-05-02 | 1992-01-17 | Sharp Corp | 丸め文字パターン生成方式 |
CN102881033A (zh) * | 2012-08-06 | 2013-01-16 | 孙计良 | 自适应曲线的生成方法及装置 |
CN104898554A (zh) * | 2015-04-30 | 2015-09-09 | 柳州宏开汽车科技有限公司 | 一种基于离散刀位点的复合刀具路径生成方法 |
CN110136221A (zh) * | 2019-04-12 | 2019-08-16 | 百度在线网络技术(北京)有限公司 | 用于导航图层绘制的预处理方法及装置 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US9396565B2 (en) * | 2013-06-07 | 2016-07-19 | Apple Inc. | Rendering borders of elements of a graphical user interface |
-
2020
- 2020-04-01 CN CN202010250062.3A patent/CN111462215B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JPH0413183A (ja) * | 1990-05-02 | 1992-01-17 | Sharp Corp | 丸め文字パターン生成方式 |
CN102881033A (zh) * | 2012-08-06 | 2013-01-16 | 孙计良 | 自适应曲线的生成方法及装置 |
CN104898554A (zh) * | 2015-04-30 | 2015-09-09 | 柳州宏开汽车科技有限公司 | 一种基于离散刀位点的复合刀具路径生成方法 |
CN110136221A (zh) * | 2019-04-12 | 2019-08-16 | 百度在线网络技术(北京)有限公司 | 用于导航图层绘制的预处理方法及装置 |
Non-Patent Citations (2)
Title |
---|
等值线图的自动勾绘;邸俊;;石油工业计算机应用(第04期);第50-52页 * |
邸俊 ; .等值线图的自动勾绘.石油工业计算机应用.2012,(第04期),50-52. * |
Also Published As
Publication number | Publication date |
---|---|
CN111462215A (zh) | 2020-07-28 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN106527580B (zh) | 电子设备和显示方法 | |
CN107958439B (zh) | 图像处理方法及装置 | |
CN107680033B (zh) | 图片处理方法及装置 | |
CN107330868B (zh) | 图片处理方法及装置 | |
CN107818543B (zh) | 图像处理方法及装置 | |
EP2927787A1 (en) | Method and device for displaying picture | |
CN111488761B (zh) | 指纹识别方法、装置、电子设备和计算机可读存储介质 | |
US11216904B2 (en) | Image processing method and apparatus, electronic device, and storage medium | |
CN107219989B (zh) | 图标处理方法、装置及终端 | |
CN109544458B (zh) | 鱼眼图像校正方法、装置及其存储介质 | |
CN111369575B (zh) | 截屏方法及装置、存储介质 | |
CN112905099A (zh) | 显示方法、装置以及存储介质 | |
CN112463084A (zh) | 分屏显示方法、装置、终端设备及计算机可读存储介质 | |
CN111462215B (zh) | 图形的处理方法、装置及存储介质 | |
CN108804187B (zh) | 界面窗口的设置方法及装置 | |
CN111290663A (zh) | 曲面屏显示方法及装置、终端及存储介质 | |
CN116954540A (zh) | 应用程序的显示方法、装置及终端 | |
CN107977147B (zh) | 滑动轨迹显示方法及装置 | |
CN111246012B (zh) | 应用界面显示方法、装置及存储介质 | |
CN116501163A (zh) | 图像显示方法、装置、电子设备及存储介质 | |
CN111506207B (zh) | 进行屏下指纹识别时确定点亮区域的方法及装置 | |
CN113253969A (zh) | 一种音量调节方法、装置及计算机可读存储介质 | |
CN109754452B (zh) | 图像渲染的处理方法、装置、电子设备及存储介质 | |
CN108073836B (zh) | 显示界面的调整方法及终端 | |
CN111291600A (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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |