一种扇环形页面元素的圆角绘制方法、装置、设备和介质与流程

1.本技术涉及计算机技术领域，尤其涉及一种扇环形页面元素的圆角绘制方法、装置、设备和计算机可读介质。


背景技术：

2.在进行数据可视化的过程中，当搭建页面时，为了使得整个页面中的元素具有统一的视觉效果，用户通常需要将页面元素的色调、外形或背景等各种属性设置为统一的。在实践中，为了页面元素的统一性，在一些情况下，需要将各种不同形状的页面元素中的拐角设置为圆角。
3.在现有的数据可视化平台的绘图工具中，仅提供了用于将正方形、矩形等形状的页面元素的拐角设置为圆角的方案，而对于扇环形(圆环被扇形截得的部分称为扇环)的页面元素，现有的数据可视化平台尚且无法实现将扇环形页面元素的内角绘制为圆角。
4.鉴于此，需要提供一种适用于扇环形页面元素的圆角绘制方案。


技术实现要素：

5.本说明书实施例提供一种扇环形页面元素的圆角绘制方法、装置、设备和计算机可读介质，以解决现有的数据可视化平台无法实现扇环形页面元素的圆角绘制的问题。
6.为解决上述技术问题，本说明书实施例是这样实现的：
7.本说明书实施例提供的一种扇环形页面元素的圆角绘制方法，包括：获取用户针对目标扇环形元素的元素选择操作；响应于所述元素选择操作，获取所述目标扇环形元素对应的扇环角度；根据所述扇环角度确定用于绘制所述目标扇环形元素的内角对应的圆角的半径可设范围；所述目标扇环形元素的内角对应的圆角包括，相切于扇环外弧段的第一圆角和相切于扇环内弧段的第二圆角；根据符合所述半径可设范围的圆角绘制半径，绘制所述目标扇环形元素的圆角。
8.本说明书实施例提供的一种扇环形页面元素的圆角绘制装置，包括：元素选择模块，用于获取用户针对目标扇环形元素的元素选择操作；信息获取模块，用于响应于所述元素选择操作，获取所述目标扇环形元素对应的扇环角度；半径可设范围确定模块，用于根据所述扇环角度确定用于绘制所述目标扇环形元素的内角对应的圆角的半径可设范围；所述目标扇环形元素的内角对应的圆角包括，相切于扇环外弧段的第一圆角和相切于扇环内弧段的第二圆角；绘制模块，用于根据符合所述半径可设范围的圆角绘制半径，绘制所述目标扇环形元素的圆角。
9.本说明书实施例提供的一种扇环形页面元素的圆角绘制设备，包括：
10.至少一个处理器；以及，
11.与所述至少一个处理器通信连接的存储器；其中，
12.所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够：获取用户针对目标扇环形元素的元素选择
操作；响应于所述元素选择操作，获取所述目标扇环形元素对应的扇环角度；根据所述扇环角度确定用于绘制所述目标扇环形元素的内角对应的圆角的半径可设范围；所述目标扇环形元素的内角对应的圆角包括，相切于扇环外弧段的第一圆角和相切于扇环内弧段的第二圆角；根据符合所述半径可设范围的圆角绘制半径，绘制所述目标扇环形元素的圆角。
13.本说明书实施例提供的一种计算机可读介质，其上存储有计算机可读指令，所述计算机可读指令可被处理器执行以实现一种扇环形页面元素的圆角绘制方法。
14.本说明书一个实施例至少能够达到以下有益效果：通过基于目标扇环形元素的扇环角度确定用于绘制所述目标扇环形元素的内角对应的圆角的半径可设范围后，根据符合所述半径可设范围的圆角绘制半径来绘制所述目标扇环形元素的圆角，由此，能够实现将扇环形页面元素的内角绘制为圆角。
附图说明
15.为了更清楚地说明本说明书实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本技术中记载的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
16.图1为本说明书实施例提供的一种扇环形页面元素的圆角绘制方法的流程示意图；
17.图2为本说明书实施例提供的扇环形页面元素的圆角绘制原理示意图；
18.图3为本说明书实施例提供的扇环形页面元素的圆角绘制过程中扇环角度阈值确定原理示意图；
19.图4为本说明书实施例提供的扇环形页面元素中相切于扇环外弧段的第一圆角的第一最大可设半径确定原理示意图；
20.图5为本说明书实施例提供的扇环形页面元素中相切于扇环内弧段的第二圆角的第二最大可设半径确定原理示意图；
21.图6至图8为本说明书实施例提供的一种实际应用场景下，扇环形页面元素的圆角绘制方法的用户界面示意图；
22.图9为本说明书实施例提供的一种实际应用场景下，在图表中使用扇环形页面元素的圆角绘制方法的示意图；
23.图10为本说明书实施例提供的对应于图1的一种扇环形页面元素的圆角绘制装置的结构示意图；
24.图11为本说明书实施例提供的对应于图1的一种扇环形页面元素的圆角绘制设备的结构示意图。
具体实施方式
25.在进行数据可视化的过程中，当搭建页面时，需要添加各种各样形状的形状组件，这些形状组件的形状可以包括传统的多边形形状，也可以包括诸如扇环的形状。扇环，指的是一个圆环被扇形截得的一部分。在实践中，存在需要将扇环形元素的内角绘制为圆角的需求。
26.在现有技术中，可以通过调画笔的粗细，将画笔调粗绘制弧线段，来绘制出视觉上为扇环形的形状。而当要将扇环形页面元素的角绘制为圆角时，通常是将用于绘制弧线段的画笔设置为圆角画笔。然而，通过加粗的圆角画笔来绘制带圆角的扇环形页面元素的方式，实际绘制出的页面元素的边缘距离用户操作位置偏差较大，且环形越粗差值越大，导致绘制出的扇环形页面元素非常粗糙，用户无法准确地绘制扇环形及扇环形的圆角。尤其是，当待绘制扇环形元素的扇环宽度较大而扇环角度较小时，就无法通过圆角画笔实现带圆角的扇环形元素的绘制。
27.鉴于此，本说明书的实施例提供了一种扇环形页面元素的圆角绘制方法，用于准确地绘制出带圆角的扇环形页面元素。
28.为使本说明书一个或多个实施例的目的、技术方案和优点更加清楚，下面将结合本说明书具体实施例及相应的附图对本说明书一个或多个实施例的技术方案进行清楚、完整地描述。显然，所描述的实施例仅是本说明书的一部分实施例，而不是全部的实施例。基于本说明书中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本说明书一个或多个实施例保护的范围。
29.应当理解，尽管在本技术文件中可能采用术语第一、第二、第三等来描述各种信息，但这些信息不应限于这些术语。这些术语仅用来将同一类型的信息彼此区分开。
30.以下结合附图，详细说明本说明书各实施例提供的技术方案。
31.图1为本说明书实施例提供的一种扇环形页面元素的圆角绘制方法的流程示意图。
32.从程序角度而言，流程的执行主体可以为搭载于应用终端的程序。在本说明书的实施例中，流程的执行主体具体可以是用于实现数据可视化功能的软件或应用程序。所述应用终端可以包括任意可选的硬件设备形式，例如，可以包括智能手机、平板电脑、笔记本电脑、个人计算机、可穿戴设备等。
33.如图1所示，该流程可以包括以下步骤：
34.步骤102：获取用户针对目标扇环形元素的元素选择操作。
35.在数据可视化平台中，扇环形页面元素可以属于形状类的页面元素，可以根据实际需要在画布中添加扇环形的形状类页面元素，即，添加扇环形页面元素。其中，扇环形具体可以是指圆环被扇形截得的部分，而环形可以是指从大圆盘中挖去一个同心的小圆盘后剩下的圆环部分。扇环形页面元素，可以由扇环外弧段、第一直线段、扇环内弧段和第二直线段首尾依次相连围成。
36.在实践中，当需要为扇环形页面元素绘制圆角时，所绘制的圆角可以包括与扇环外弧段和第一直线段分别相切且以两切点作为起止点的圆角、与第一直线段和扇环内弧段分别相切且以两切点作为起止点的圆角、与扇环内弧段和第二直线段分别相切且以两切点作为起止点的圆角以及与第二直线段和扇环外弧段分别相切且以两切点作为起止点的圆角。在本说明书的实施例中，为了便于说明，可以将与扇环外弧段相切的两个圆角称为第一圆角，而将与扇形内弧段相切的圆角称为第二圆角。
37.步骤104：响应于所述元素选择操作，获取所述目标扇环形元素对应的扇环角度。
38.实际应用时，当用户需要为扇环形元素绘制圆角时，可以先选中待绘制圆角的目标扇环形元素，以使执行主体根据用户所选中的目标扇环形元素来获取所述目标扇环形元
素对应的属性信息，并计算绘制参数信息。
39.在本说明书的实施例中，所述元素选择操作，具体可以包括用户针对目标扇环形元素的点击操作等。或者可选地，可以包括用于添加所述目标扇环形元素的操作，而当用户添加所述目标扇环形元素后，该目标扇环形元素可以自动处于被选中的状态。
40.在可选的实施例中，用于描述所述目标扇环形元素的属性信息可以包括扇环角度、扇环宽度以及扇环的外圆弧半径，在这一情况下，可以根据所述扇环宽度和所述外圆弧半径，计算得到扇环的内圆弧半径。在另一可选的实施例中，用于描述所述目标扇环形元素的属性信息可以包括扇环角度、扇环宽度以及扇环的内圆弧半径，在这一情况下，可以根据所述扇环宽度和所述内圆弧半径，计算得到扇环的外圆弧半径。
41.根据本说明书的实施例，在绘制目标扇环形元素的内角对应的圆角前，需要先确定用于绘制所述圆角的可设半径，由此需要先确定半径的可设范围。而在确定半径可设范围时，需要考虑目标扇环形元素的扇环角度。
42.步骤106：根据所述扇环角度确定用于绘制所述目标扇环形元素的内角对应的圆角的半径可设范围；所述目标扇环形元素的内角对应的圆角包括，相切于扇环外弧段的第一圆角和相切于扇环内弧段的第二圆角。
43.在实际应用中，当绘制目标扇环形元素的内角对应的圆角时，需要确保各内角对应的圆角的半径不能过大，以避免无法完整绘制出与目标扇环形元素的各构成边相切的完整圆角。
44.在图2中，示出了本说明书的至少一个实施例的扇环形页面元素的圆角绘制原理示意图。
45.如图2中所示，由扇环外弧段201、第一直线段202、扇环内弧段203和第二直线段204共同围成一个扇环形页面元素。作为示例，将该扇环形页面元素的扇环角度表示为a、扇环宽度表示为w、扇环的外圆弧半径表示为r，因此，该扇环形页面元素的内圆弧半径可以表示为r
‑
w。
46.在图2中，使用点线来表示各内角对应的圆角。如图2所示，当使用恰当的圆角绘制半径的情况下，可以绘制出完整的四个圆角。当使用的圆角绘制半径过于大时，可能导致相切与同一条直线段的两个圆角的弧线相交，或者，相切于同一弧线段的两个圆角的弧线相交等问题，而若圆角相交则会导致最终得到的页面元素的形状偏离带圆角的扇环形形状。由此，为了避免在绘制扇环形元素的圆角过程造成所绘制结果不符合带圆角的扇环形形状，在实际执行时，需要预先确定各圆角的半径可设范围。
47.如图2所示，可以将目标扇环形元素的邻近所述扇环外弧段的内角对应的圆角，称为第一圆角；可以将目标扇环形元素的邻近所述扇环内弧段的内角对应的圆角，称为所述第二圆角。在一个扇环形元素中，可以包含两个第一圆角和两个第二圆角。
48.在本说明书的实施例中，所述第一圆角对应的第一半径可设范围，通常可以不同于所述第二圆角对应的第二半径可设范围。例如，所述第一圆角的第一半径可设范围，可以大于所述第二圆角的第二半径可设范围。在实际应用中，所述第一圆角的圆角绘制半径可以选自于所述第一半径可设范围，所述第二圆角的圆角绘制半径可以选自于所述第二半径可设范围。在实践中，所述第一圆角与所述第二圆角的圆角绘制半径可以相同或不同，例如，所述第一圆角的绘制半径可以等于、大于或小于所述第二圆角的绘制半径，用于可以根
据实际需要来设置。
49.而在实际应用时，当用户实际设置圆角半径时，常见的情况是，可以设置一个统一的指定圆角半径，并基于该统一的指定圆角半径来绘制各个圆角。
50.如图2所示，可以理解的是，通常情况下，若将扇环形元素的各圆角的半径设置为大于扇环宽度w的半值w/2，则相切于同一直线段的两个圆角就会相交，导致绘制出的页面元素不符合预期形状，因此，在本说明书的实施例中，可以将待绘制圆角的半径可设范围设置为小于扇环宽度w的半值w/2。
51.然而，当扇环角度过于小时，即便满足小于扇环宽度w的半值w/2的这一范围，也有可能导致相切于扇环内弧段的两个圆角相交，从而导致绘制出的页面元素不符合预期形状，因此，当扇环角度过于小时，需要重新确定出待绘制圆角的半径可设范围。
52.在本说明书的具体实施例中，在根据所述扇环角度确定用于绘制所述目标扇环形元素的内角对应的圆角的半径可设范围之前，还可以包括：判断所述扇环角度是否小于扇环角度阈值，得到第一判断结果。
53.若所述第一判断结果表示所述扇环角度大于或等于所述扇环角度阈值，则可以获取所述目标扇环元素的扇环宽度；并以所述扇环宽度的半值作为第三大可设半径，确定用于绘制所述目标扇环形元素的内角对应的圆角的第三半径可设范围；所述第三半径可设范围为大于0且小于或等于所述第三最大可设半径的范围。例如，在可选的实施例中，可以以所述扇环宽度的半值作为圆角绘制半径，来统一绘制所述目标扇环形元素的圆角。
54.若所述第一判断结果表示所述扇环角度小于所述扇环角度阈值，则执行步骤106，即根据所述扇环角度确定用于绘制所述目标扇环形元素的内角对应的圆角的半径可设范围。
55.在实际应用时，可以在执行判断所述扇环角度是否小于扇环角度阈值的步骤之前，计算确定所述扇环角度阈值。根据本说明书的实施例，可以根据所述目标扇环形元素的外圆弧半径和扇环宽度，计算确定所述目标扇环形元素对应的扇环角度阈值。
56.由于当为扇环形元素绘制各内角对应的圆角时，第一圆角与所述目标扇环形元素的扇环外弧段及邻近直线段保持相切，第二圆角与所述目标扇环形元素的扇环内弧段及邻近直线段保持相切。因此，所求取的扇环角度阈值需要满足：当绘制所述目标扇环形元素的内角对应的圆角时的选定圆角绘制半径取所述扇环宽度的半值时，基于所述选定圆角绘制半径绘制的两个第二圆角与所述目标扇环形元素的内弧段的切点位置相同(即，重叠)。换言之，所求取扇环角度阈值需要满足：当绘制所述目标扇环形元素的内角对应的圆角时的选定圆角绘制半径取小于所述扇环宽度的半值的任意数值时，基于所述选定圆角绘制半径绘制的各圆角与所述目标扇环形元素的弧线段及邻近直线段的切点彼此位置不同(即，不重叠)。
57.基于上述构思，具体可以基于如下方法来计算确定扇环角度阈值。在图3中，示出了本说明书的至少一个实施例的扇环形页面元素的圆角绘制过程中扇环角度阈值确定原理示意图。
58.如图3所示，设所述目标扇环形元素的外圆弧半径为r，扇环宽度为w，并设圆角半径为x。在临界条件下，圆角半径x＝w/2，此时相切于同一直线段的邻近的两个圆角与该直线段的切点在同一位置。
59.在本说明书的实施例中，将该临界条件下对应的使得两个第二圆角与所述目标扇环形元素的内弧段的切点位置相同的扇环角度，设置为所述目标扇环元素对应的扇环角度阈值。具体地，基于该临界条件，可以通过下式计算扇环角度阈值b：
60.(r
‑
w x)
×
sin(b/2)＝x，即，(r
‑
w w/2)
×
sin(b/2)＝w/2(式1)。
61.步骤108：根据符合所述半径可设范围的圆角绘制半径，绘制所述目标扇环形元素的圆角。
62.具体地，可以获取针对所述目标扇环形元素的圆角绘制指令；然后响应于所述圆角绘制指令，获取绘制参数信息，其中，所述圆角绘制信息可以包括所述目标扇环形元素的外圆弧半径、所述扇环角度、扇环宽度以及各内角对应的圆角绘制半径；再根据所述绘制参数信息，确定待绘制的各圆角对应的圆心位置信息、圆角起点位置信息和圆角终点位置信息；最后，根据所述圆心位置信息、所述圆角起点位置信息和所述圆角终点位置信息，绘制所述目标扇环形元素的圆角。
63.其中，获取针对所述目标扇环形元素的圆角绘制指令具体可以是指获取用户发出的用于执行开始绘制的指令。在实际应用中，用户可以在选择目标扇环形元素后，执行用于指示绘制圆角的操作(例如，点击用于指示绘制圆角的按钮、拖动用户指示绘制圆角的调节杆、在输入相关绘制信息后点击回车键等)，来触发所述圆角绘制指令。
64.步骤108中，所述圆角绘制半径可以是由用户设置的。可选地，所述圆角绘制半径可以是由用户预先设置的。例如，用户可以在输入框中输入圆角绘制半径的值，以用于当发出圆角绘制指令时由程序获取。或者可选地，所述圆角绘制半径可以是由用户在指示绘制圆角的同时设置的。例如，用户可以通过在调节杆上调节位置，来设置相应的圆角绘制半径，同时触发圆角绘制指令。另外可选地，所述圆角绘制半径，也可以是系统自动设置的。
65.在实际应用中，对于不同目标扇环形元素的不同的内角，理论上可以设置不同圆角绘制半径。例如，可以设置4个不同的圆角绘制半径，或者，将第一圆角的绘制半径与第二圆角的绘制半径设置为不同(两个第一圆角的绘制半径彼此相同，两个第二圆角的绘制半径彼此相同)，设置不同圆角绘制半径的情况不限于此。在实践中，为了节约用户操作，提升圆角设置效率，同时，也为了保持圆角形状的统一性，可以为同一目标扇环形元素中的所有内角设置相同的圆角绘制半径。例如，用户仅需要提供一个指定的圆角绘制半径信息。
66.其中，根据所述绘制参数信息，确定待绘制的各圆角对应的圆心位置信息、圆角起点位置信息和圆角终点位置信息的过程，具体地，可以包括根据待绘制的圆角与邻近的直线段和弧线段的相切关系来确定圆心和切点的过程，以及根据确定的点坐标信息进行圆弧渲染的过程。
67.应当理解，本说明书一个或多个实施例所述的方法中，部分步骤的顺序可以根据实际需要调整，或者可以省略部分步骤。
68.图1中的方法，通过基于目标扇环形元素的扇环角度确定用于绘制所述目标扇环形元素的内角对应的圆角的半径可设范围后，可以根据符合所述半径可设范围的圆角绘制半径来绘制所述目标扇环形元素的圆角，由此，能够实现将扇环形页面元素的内角绘制为圆角。
69.基于图1的方法，本说明书实施例还提供了该方法的一些具体实施方式，下面进行说明。
70.在实际应用时，可以分别计算第一圆角与第二圆角各自对应的半径可设范围。
71.在本说明书可选的实施例中，所述根据所述扇环角度确定用于绘制所述目标扇环形元素的内角对应的圆角的半径可设范围，具体可以包括：根据所述目标扇环形元素的外圆弧半径和扇环角度，计算所述目标扇环形元素的相切于扇环外弧段的第一圆角的第一最大可设半径；由此，可以基于所述第一最大可设半径，得到所述第一圆角对应的第一半径可设范围；所述第一半径可设范围为大于0且小于或等于所述第一最大可设半径的范围。
72.图4中，示出了本说明书的至少一个实施例的扇环形页面元素中相切于扇环外弧段的第一圆角的第一最大可设半径确定原理示意图。
73.参照图4，根据所述目标扇环形元素的外圆弧半径和扇环角度，计算所述目标扇环形元素的相切于扇环外弧段的第一圆角的第一最大可设半径，具体可以包括：设所述目标扇环形元素的外圆弧半径为r，扇环角度为a，则可以根据下式计算所述第一最大可设半径x1：
74.(r
‑
x1)
×
sin(a/2)＝x1(式2)。
75.在本说明书可选的实施例中，所述根据所述扇环角度确定用于绘制所述目标扇环形元素的内角对应的圆角的半径可设范围，具体可以包括：根据所述目标扇环形元素的外圆弧半径、扇环角度和扇环宽度，计算所述目标扇环形元素的相切于扇环内弧段的第二圆角的第二最大可设半径；由此，可以基于所述第二最大可设半径，得到所述第二圆角对应的第二半径可设范围；所述第二半径可设范围为大于0且小于或等于所述第二最大可设半径的范围。
76.图5中，示出了示出了本说明书的至少一个实施例的扇环形页面元素中相切于扇环内弧段的第二圆角的第二最大可设半径确定原理示意图。
77.参照图5，根据所述目标扇环形元素的外圆弧半径、扇环角度和扇环宽度，计算所述目标扇环形元素的相切于扇环内弧段的第二圆角的第二最大可设半径，具体可以包括：设所述目标扇环形元素的外圆弧半径为r，扇环宽度为w，扇环角度为a，则可以根据下式计算所述第二最大可设半径x2：
78.(r
‑
w x2)
×
sin(b/2)＝x2(式3)。
79.在实际应用时，当计算得到所述第一圆角对应的第一半径可设范围以及所述第二圆角对应的第二半径可设范围后：若对于第一圆角和第二圆角分别设置，则可以分别基于第一半径可设范围来限制对于第一圆角的绘制半径的选取，以及基于第二半径可设范围来限制对于第二圆角的绘制半径的选取；若对于第一圆角和第二圆角统一设置为相同，则可以按照所述第一半径可设范围和第二半径可设范围的范围交集，来限制对于第一圆角和第二圆角的绘制半径的选取。
80.在可选的实施例中，所述根据符合所述半径可设范围的圆角绘制半径，绘制所述目标扇环形元素的圆角，具体可以包括：获取所述用户输入的指定圆角半径；然后判断所述指定圆角半径是否在所述半径可设范围内，得到第二判断结果；若所述第二判断结果表示所述指定圆角半径在所述半径可设范围内，则根据所述指定圆角半径绘制所述目标扇环形元素的圆角。若所述第二判断结果表示所述指定圆角半径不在所述半径可设范围内，则可以根据所述半径可设范围中的最大可设半径绘制所述目标扇环形元素的圆角。
81.可选地，用户可以分别指定针对第一圆角的第一指定圆角半径和针对第二圆角的
第二指定圆角半径。相应地，可以根据所述第一圆角对应的第一半径可设范围，判断所述指定圆角半径是否符合所述第一半径可设范围，若符合，则按照用户指定的第一指定圆角半径来绘制第一圆角，若不符合，则按照所述第一最大可设半径来绘制第一圆角；可以根据所述第二圆角对应的第二半径可设范围，判断所述指定圆角半径是否符合所述第二半径可设范围，若符合，则按照用户指定的第二指定圆角半径来绘制第二圆角，若不符合，则按照所述第二最大可设半径来绘制第二圆角。
82.可选地，用户可以统一指定一个指定圆角半径。相应地，可以根据所述第一半径可设范围和所述第二半径可设范围的交集范围，来判断用户指定的统一的指定圆角半径是否符合，若符合，则按照用户指定的指定圆角半径来绘制所有圆角，若不符合，则可以按照所述交集范围中的最大可设半径(例如，第二最大可设半径)来绘制所有圆角。
83.在实际应用时，在获取所述用户输入的指定圆角半径之前，还可以向用户显示在上文中已经确定的所述半径可设范围。并且，若所述第二判断结果表示所述指定圆角半径不在所述半径可设范围内，也可以向用户显示输入提示信息，以用于提示用户重新设置指定圆角半径。
84.在另外的可选的实施例中，若用户并未设置圆角绘制半径，本说明书实施例的执行主体也可以从上文确定的所述半径可设范围中自动选取默认值，作为圆角绘制半径。例如，可以选取最大可设半径的值、最大可设半径的半值等，作为圆角绘制半径，不限于这些示例。
85.根据上面的说明，本说明书实施例提供的一种实际应用场景下，扇环形页面元素的圆角绘制方法的用户界面示意图，如图6至图8所示。
86.在图6中，显示了用户在画布中添加的一个扇环形页面元素601。图6中示出的仅是简化的形状元素，在实际应用时，该扇环形页面元素的显示形式可以是多样的，只要符合扇环形的基本形状即可。此时，用户可以打开圆角设置面板602。在实际应用时，圆角设置面板的样式可以不限于图6的示例。
87.用户可以对扇环形页面元素601执行元素选择操作。用户的元素选择操作可以是程序预先设置的操作，当用户的操作符合预设时，唤醒设置圆角的功能。例如，用户的选择操作可以包括触屏选择操作、鼠标点击操作、圈选操作等，不限于此。
88.响应于用户的元素选择操作，可以获取计算得到的用于绘制该扇环形页面元素601的圆角的半径可设范围，并向用户显示圆角半径设置提示信息701，同时，可以为用户提供圆角半径设置框702，如图7所示。
89.如图7所示，可以在用于设置指定圆角半径的输入框中，向用户显示根据所选择的扇环形页面元素的相关信息计算得到的半径可设范围，并向用户显示诸如“请输入小于x0的值”的圆角半径设置提示信息701，以用于将所述扇环形页面元素601设置为圆角。在实际应用时，圆角半径设置提示信息和圆角半径设置框的显示方式不限于该示例。例如，所述圆角半径设置提示信息可以设置在圆角半径设置框外。又如，所述圆角半径设置提示信息可以设置为“请输入0～x0的值”等，不限于此。
90.尽管图7中的示例给出的是统一设置扇环形页面元素601的所有圆角的绘制半径的示例，但是本说明书的实施例在实际应用时，所述扇环形页面元素601的各圆角的绘制半径也可以分别设置。例如，当用户执行元素选择操作后，可以获取分别对应于扇环形页面元
素601中第一圆角和第二圆角的半径可设范围，并向用户显示两个圆角半径设置框以及两个圆角半径设置提示信息。又如，可以获取分别对应于扇环形页面元素601中第一圆角和第二圆角的半径可设范围，并向用户显示四个圆角半径设置框以及四个圆角半径设置提示信息
91.在图7的示例基础上，如图8所示，当用户输入了指定圆角半径801后，可以判断用户输入的指定圆角半径801是否符合前述确定的半径可设范围，若符合，则将所述指定圆角半径801作为圆角绘制半径，进而计算并绘制相应圆角。例如，假设用户输入的指定圆角半径为“m”，当判断“m”为符合“小于x0”的值后，则可以根据半径m来将扇环形页面元素601的内角绘制为半径为m的圆角，从而得到带圆角的扇环形页面元素802。
92.需要说明的是，尽管图7和图8中示出的是向用户显示圆角半径设置提示信息，然后获取由用户根据圆角半径设置提示信息而手动输入指定圆角半径的示例，但是在实际应用不限于此。例如，可以以调节杆的形式向用户示出圆角的半径可设范围，而用户可以通过滑动调节杆上的游标来从调节杆的可选范围内选取半径值。
93.在上文描述的基础上，如图9，示出了本说明书实施例提供的一种实际应用场景下，在图表中使用扇环形页面元素的圆角绘制方法的示意图。
94.如图9所示，在一个饼状图表组件中，可以包含有多个不同扇环角度的扇环形元素，而对于这多个不同扇环角度的扇环形元素，可以采用本说明书实施例的方式，先确定出各扇环形元素对应的半径可设范围，再基于用户输入的符合所述半径可设范围的半径值(或者，程序基于所述半径可设范围自动确定的半径值)来绘制各扇环形元素的圆角。
95.如图9中所示的饼图，其中包含有a、b、c和d四个扇环形部分。
96.在实际应用时，可以以相同的圆角绘制半径来绘制这四个扇环形部分中的所有圆角。在这种情况下，程序需要在确定出各扇环形部分对应的半径可设范围后，再取各半径可设范围的交集范围作为该饼状图表组件对应的最终半径可设范围。该最终半径可设范围可以用于，提示并约束用户在该最终半径可设范围内选取圆角绘制半径，以根据用户选取的圆角绘制半径来绘制该饼状图表组件中的所有圆角。
97.另外，在实际应用时，程序在确定出各扇环形部分对应的半径可设范围后，可以向用户分别展示各半径可设范围。各半径可设范围可以分别用户，提示并约束用户在各半径可设范围内选取圆角绘制半径，以根据用户选取的圆角绘制半径来绘制该饼状图表组件中的对应的扇环形部分的圆角。
98.此外，扇环形元素的圆角绘制方案不限于应用于如图9所示的饼状图表组件中，例如，还可以应用于仪表盘类图表组件中，或者，还可以应用于例如形状类组件、装饰类组件、按钮类组件等各种二维页面组件中。
99.基于同样的思路，本说明书实施例还提供了上述方法对应的装置。图10为本说明书实施例提供的对应于图1的一种扇环形页面元素的圆角绘制装置的结构示意图。如图10所示，该装置可以包括：
100.元素选择模块902，用于获取用户针对目标扇环形元素的元素选择操作；
101.信息获取模块904，用于响应于所述元素选择操作，获取所述目标扇环形元素对应的扇环角度；
102.半径可设范围确定模块906，用于根据所述扇环角度确定用于绘制所述目标扇环
形元素的内角对应的圆角的半径可设范围；所述目标扇环形元素的内角对应的圆角包括，相切于扇环外弧段的第一圆角和相切于扇环内弧段的第二圆角；
103.绘制模块908，用于根据符合所述半径可设范围的圆角绘制半径，绘制所述目标扇环形元素的圆角。
104.可以理解，上述的各模块是指计算机程序或者程序段，用于执行某一项或多项特定的功能。此外，上述各模块的区分并不代表实际的程序代码也必须是分开的。
105.基于同样的思路，本说明书实施例还提供了上述方法对应的设备。
106.图11为本说明书实施例提供的对应于图1的一种扇环形页面元素的圆角绘制设备的结构示意图。如图11所示，设备1000可以包括：
107.至少一个处理器1010；以及，
108.与所述至少一个处理器通信连接的存储器1030；其中，
109.所述存储器1030存储有可被所述至少一个处理器1010执行的指令1020，所述指令被所述至少一个处理器1010执行，以使所述至少一个处理器1010能够：
110.获取用户针对目标扇环形元素的元素选择操作；
111.响应于所述元素选择操作，获取所述目标扇环形元素对应的扇环角度；
112.根据所述扇环角度确定用于绘制所述目标扇环形元素的内角对应的圆角的半径可设范围；所述目标扇环形元素的内角对应的圆角包括，相切于扇环外弧段的第一圆角和相切于扇环内弧段的第二圆角；
113.根据符合所述半径可设范围的圆角绘制半径，绘制所述目标扇环形元素的圆角。
114.基于同样的思路，本说明书实施例还提供了上述方法对应的计算机可读介质。计算机可读介质上存储有计算机可读指令，所述计算机可读指令可被处理器执行以实现以下方法：
115.获取用户针对目标扇环形元素的元素选择操作；
116.响应于所述元素选择操作，获取所述目标扇环形元素对应的扇环角度；
117.根据所述扇环角度确定用于绘制所述目标扇环形元素的内角对应的圆角的半径可设范围；所述目标扇环形元素的内角对应的圆角包括，相切于扇环外弧段的第一圆角和相切于扇环内弧段的第二圆角；
118.根据符合所述半径可设范围的圆角绘制半径，绘制所述目标扇环形元素的圆角。
119.上述对本说明书特定实施例进行了描述，在一些情况下，在权利要求书中记载的动作或步骤可以按照不同于实施例中的顺序来执行并且仍然可以实现期望的结果。另外，在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序才能实现期望的结果。在某些实施方式中，多任务处理和并行处理也是可以的或者可能是有利的。
120.本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可。
121.本说明书实施例提供的装置、设备与方法是对应的，因此，装置、设备也具有与对应方法类似的有益技术效果，由于上面已经对方法的有益技术效果进行了详细说明，因此，这里不再赘述对应装置、设备的有益技术效果。
122.上述实施例阐明的系统、装置、模块或单元，具体可以由计算机芯片或实体实现，或者由具有某种功能的产品来实现。一种典型的实现设备为计算机。具体的，计算机例如可
以为个人计算机、膝上型计算机、蜂窝电话、相机电话、智能电话、个人数字助理、媒体播放器、导航设备、电子邮件设备、游戏控制台、平板计算机、可穿戴设备或者这些设备中的任何设备的组合。
123.为了描述的方便，描述以上装置时以功能分为各种单元分别描述。当然，在实施本技术时可以把各单元的功能在同一个或多个软件和/或硬件中实现。
124.本领域内的技术人员应明白，本发明的实施例可提供为方法、系统、或计算机程序产品。因此，本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、cd
‑
rom、光学存储器等)上实施的计算机程序产品的形式。
125.本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
126.这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
127.这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
128.还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个
……”
限定的要素，并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。
129.本技术可以在由计算机执行的计算机可执行指令的一般上下文中描述，例如程序模块。一般地，程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本技术，在这些分布式计算环境中，由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中，程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。
130.以上所述仅为本技术的实施例而已，并不用于限制本技术。对于本领域技术人员来说，本技术可以有各种更改和变化。凡在本技术的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本技术的权利要求范围之内。