WO2022017337A1 - 一种圆角曲线绘制方法、电子设备及存储介质 - Google Patents

一种圆角曲线绘制方法、电子设备及存储介质 Download PDF

Info

Publication number
WO2022017337A1
WO2022017337A1 PCT/CN2021/107209 CN2021107209W WO2022017337A1 WO 2022017337 A1 WO2022017337 A1 WO 2022017337A1 CN 2021107209 W CN2021107209 W CN 2021107209W WO 2022017337 A1 WO2022017337 A1 WO 2022017337A1
Authority
WO
WIPO (PCT)
Prior art keywords
curve
rounded
coordinates
control
straight edge
Prior art date
Application number
PCT/CN2021/107209
Other languages
English (en)
French (fr)
Inventor
陈浩波
Original Assignee
深圳市万普拉斯科技有限公司
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 深圳市万普拉斯科技有限公司 filed Critical 深圳市万普拉斯科技有限公司
Publication of WO2022017337A1 publication Critical patent/WO2022017337A1/zh

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/002D [Two Dimensional] image generation
    • G06T11/20Drawing from basic elements, e.g. lines or circles
    • G06T11/203Drawing of straight lines or curves
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/002D [Two Dimensional] image generation
    • G06T11/20Drawing from basic elements, e.g. lines or circles

Definitions

  • the present application relates to the field of computer technology, and in particular, to a method for drawing a fillet curve, an electronic device and a storage medium.
  • GUI Graphical User Interface
  • UI User Interface
  • a common processing method to beautify the UI interface is one of them.
  • a traditional application process for rounding a control is to make a curve of a circle tangent to two sides of one corner of the control, so as to round the control.
  • the rounded corner transition of the rounded corner control drawn by this method is rough and cannot provide the user with a good and smooth user experience.
  • One object of the embodiments of the present application is to provide a method for drawing a rounded curve, an electronic device and a storage medium, which can improve the smoothness of the rounded corner of a rounded control and improve the visual comfort of the user.
  • an embodiment of the present application provides a method for drawing a rounded curve, which is applied to an electronic device, and the method includes:
  • the rounded corner control includes at least one rounded curve, and a first straight edge and a second straight edge connected to the rounded curve, and the drawing parameters include the The fillet radius of the fillet curve;
  • N is a natural number greater than 0;
  • M pieces of the Bezier curves are sequentially formed to form a target fillet curve.
  • the acquiring N curvature radii according to the corner radius includes:
  • the N curvature radii are acquired according to the corner radius and the Gaussian probability distribution.
  • the drawing parameters further include the width and height of the rounded corner control
  • the method Before acquiring N curvature radii according to the fillet radius, the method further includes:
  • the pre-stored corner radius threshold is set to the corner radius.
  • the drawing parameters further include the position coordinates of the first straight edge and the position coordinates of the second straight edge;
  • the drawing of M Bezier curves according to the drawing parameters and the N radii of curvature includes:
  • the starting point coordinates and control points of the Bezier curve are acquired coordinates and end point coordinates;
  • the coordinates of the starting point, the coordinates of the control point, and the coordinates of the ending point are substituted into the drawing function of the Bezier curve, so as to draw corresponding Bezier curves in sequence.
  • the shell is obtained according to the position coordinates of the first straight side, the position coordinates of the second straight side, the height of the rounded corner control, and the N radii of curvature.
  • the start point coordinates, control point coordinates and end point coordinates of the Sel curve including:
  • the method further includes:
  • the first straight edge, the target rounded corner curve, and the second straight edge are sequentially connected to draw at least one rounded corner of the rounded corner control.
  • the step of sequentially connecting the first straight edge, the target rounded corner curve, and the second straight edge to draw at least one rounded corner of the rounded corner control includes: :
  • the ordinate of the drawing starting point is:
  • Y of the target from the fillet curve plotted ordinate origin, Width control rounded width, R is the radius of the fillet curve.
  • the Bezier curve is a second-order Bezier curve
  • the specific value of N is 18, and the specific value of M is 6.
  • an electronic device including:
  • processors one or more processors
  • the one or more programs when executed by the one or more processors, cause the one or more processors to implement a method as described in any of the above.
  • an embodiment of the present application provides a computer-readable storage medium, where a computer program is stored on the readable storage medium, wherein, when the program is executed by a processor, the method described in any one of the foregoing is implemented.
  • the rounded curve in the rounded control is divided into M segments of Bezier curves according to the control parameters of the rounded control. Segmented drawing is performed, and the target rounded corner curves obtained by connecting M sections of Bezier curves in turn, thereby improving the smoothness of the target rounded corner curve and improving the user's visual comfort.
  • FIG. 1 is a structural block diagram of an electronic device provided by an embodiment of the present application.
  • 2a is a schematic flowchart of a method for drawing a fillet curve provided by an embodiment of the present application
  • 2b is a schematic flowchart of another method for drawing a fillet curve provided by an embodiment of the present application
  • 3a is a schematic flowchart of a method for drawing a fillet curve according to an embodiment of the present application
  • 3b is a schematic structural diagram of a Canvas drawing coordinate system provided by an embodiment of the application.
  • FIG. 4 is a schematic flowchart of a method for drawing rounded corners of a rounded corner control according to an embodiment of the present application.
  • FIG. 1 exemplarily provides a structural block diagram of an electronic device to which the method for drawing a rounded curve in an embodiment of the present application is applied.
  • the electronic device 100 at least includes a controller 110 , a communication module 120 , a storage module 130 , a display module 140 and a power module 150 , wherein the communication module 120 , the storage module 130 , the display module 140 and the power module 150 are respectively connected with the Controller 110 is connected.
  • the structure shown in FIG. 1 does not constitute a limitation on the electronic device 100, and the electronic device 100 may include more or less components than those shown in the figure, or combine some components, or separate some components, Or a different component arrangement.
  • the controller 110 includes at least a CPU, a read-only memory ROM that stores a control program for the electronic device 100 , and a storage device that stores signals or data input from the outside of the electronic device 100 or operations performed in the electronic device 100 .
  • the random access memory RAM in the area, CPU, ROM and RAM are connected to each other by means of internal bus.
  • the CPU executes various functions and data processing of the electronic device 100 by running or executing the software programs and/or modules stored in the memory ROM and calling the data stored in the memory RAM, thereby managing and controlling the electronic device 100, For example, the method for drawing a rounded curve described in any embodiment of the present application is implemented.
  • the communication module 120 may include at least one of a cellular module, a wireless LAN module, and a short-range communication module.
  • the cellular module enables the electronic device 100 to communicate wirelessly with other devices via an antenna or multiple antennas. For example, the cellular module communicates data with the base station through the antenna, receives and parses downlink communication data from the base station; or sends uplink communication data to the base station.
  • the cellular networks that the cellular module can support include, but are not limited to, GSM networks, CDMA networks, 3G/4G/5G networks, FDMA, TDMA, PDC, TACS, AMPS, and the like.
  • the wireless LAN module may access the Internet in a location where a wireless access (AP) (not shown) is installed according to the control of the controller 110 .
  • the wireless LAN module supports the wireless LAN standard (IEEE802.11x), and the wireless LAN module can drive the Wi-Fi Positioning System (WPS). Location information of the module's electronics.
  • the short-range communication module corresponds to a module that wirelessly processes short-range communication with the electronic device 100 according to the control of the controller 110, and may be based on Bluetooth, Infrared Data Association (IrDA) communication, WiFi direct communication, or a short-range communication scheme (such as Near Field Communication (NFC)) to handle communications.
  • IrDA Infrared Data Association
  • WiFi direct communication WiFi direct communication
  • NFC Near Field Communication
  • the storage module 130 stores the input/output data according to the control of the controller 110; or, operates with the communication module 120, and stores the input/output data.
  • the storage module 130 may also store control programs and applications for controlling the electronic device 100 or the controller 110 .
  • the storage module 130 may include, but is not limited to, a non-volatile memory, a volatile memory, a hard disk drive (HDD) or a solid state drive (SSD).
  • the display module 140 provides the user with a GUI graphical user interface, which is used to display the user interface corresponding to various services to the user, or obtain user operations, so that the electronic device 100 can respond in time according to the user operations, thereby realizing the communication between the user and the electronic device. interact.
  • the GUI graphical user interface makes it beautiful, intelligent and easy to operate by laying out or beautifying the interface icons, thereby improving the user experience.
  • the display module 140 includes a display screen, a touch screen for receiving user operations, and a touch screen controller for processing user operation data. The user can generate operation data through the touch screen, and send the operation data to the controller through the touch screen controller.
  • the controller 110 is configured to make the electronic device 100 respond to user operations.
  • the power module 150 provides one or more batteries for the electronic device 100 to power the electronic device 100 . And/or, the power supply module 150 may also be connected to an external power source through a wired cable connected to the electronic device 100 to supply power to the electronic device 100 . And/or, the power module 150 may also wirelessly supply power to the electronic device 100 from an external power source through a wireless charging technology.
  • the GUI graphical interface user interface provides users with a graphical interactive interface. It is understandable that in the interactive interface, the relevant service information of the electronic device is displayed on the user end through graphics or animations. Therefore, the graphical interface is beautiful and comfortable. The degree will directly affect the user's experience of using electronic equipment.
  • rounded rectangles are widely used in electronic devices.
  • rounded rectangles are used to make icons, pop-up windows or option boxes.
  • the rounded controls described in the various embodiments provided in this application include, but are not limited to, rounded rectangles.
  • rounded rectangles are one of the most typical rounded controls, in the following embodiments , take a rounded rectangle as an example to describe the drawing process of the rounded curve in the upper left corner of the rounded rectangle in detail.
  • the method for drawing a rounded curve provided by each embodiment of the present application is applied to an electronic device, wherein the electronic device mainly refers to an electronic device configured as an Android system, and the electronic device includes but is not limited to intelligent Terminals, tablet computers, PDAs (Personal Digital Assistants), e-book readers, multimedia players, etc.
  • the electronic device mainly refers to an electronic device configured as an Android system
  • the electronic device includes but is not limited to intelligent Terminals, tablet computers, PDAs (Personal Digital Assistants), e-book readers, multimedia players, etc.
  • an embodiment of the present application provides a method for drawing a fillet curve, the method includes:
  • the rounded corner control includes at least one rounded corner curve, and a first straight edge and a second straight edge connected with the rounded corner curve.
  • the rounded curve refers to a circular arc curve tangent to the first straight side and the second straight side respectively, and the circular arc curve is used to replace the original angle formed by the first straight side and the second straight side,
  • the rounded corners of the control are formed, and the control that contains at least one of the above-mentioned rounded corner curves is called a rounded corner control.
  • Drawing parameters refer to parameters that must be provided for drawing a rounded curve, wherein the drawing parameters include at least a corner radius of the rounded curve.
  • the size of the fillet radius reflects the degree of curvature of the fillet curve. The larger the radius, the lower the degree of curvature of the fillet curve; on the contrary, the smaller the radius, the higher the degree of curvature of the fillet curve. .
  • the drawing parameters further include the width and height of the rounded corner control.
  • FIG. Methods also include:
  • the value of the pre-stored corner radius threshold is 140px.
  • a Bezier curve is introduced to replace the circular arc curve in the prior art, so as to improve the problem that the transition of the circular arc curve is not smooth enough.
  • Bezier curves also known as Bates curves
  • Bates curves are mathematical curves used in two-dimensional graphics applications.
  • the Bezier curve consists of a start point, an end point and a control point, and the shape of the Bezier curve can be changed by adjusting the control points.
  • an application programming interface function (Application Programming Interface, API) for drawing controls is predefined.
  • Canvas is used to draw conventional graphics, for example, to draw conventional graphics such as circles, ellipses, or rectangles. If you need to draw more complex graphics, such as drawing rounded rectangles, you need to combine Path paths to complete. Therefore, when the drawing of the rounded corner control is triggered, the electronic device creates the path of the rounded curve according to the drawing parameters, and substitutes the path into the DrawPath method of the Canvas to draw the circle of the rounded corner control on the Canvas angle curve.
  • the rounded curve is composed of M Bezier curves
  • N curvature radii are obtained according to the rounded radius, and combined with the drawing parameters of the rounded control
  • the coordinates of the starting point, the ending point and the control point of the M Bezier curves are calculated respectively, so as to create the drawing path of the rounded curve.
  • the Bezier curve is a second-order Bezier curve; when the Bezier curve is a second-order Bezier curve, the specific value of N is 18, and the specific value of M is 6.
  • the N radii of curvature are obtained according to the corner radius and the Gaussian probability distribution.
  • the Gaussian distribution is also called the normal distribution, and its distribution curve is bell-shaped, which reflects the distribution law of random variables, and is used to calculate the probability of random variables falling into any range.
  • the value of the standard deviation ⁇ determines the magnitude of the probability distribution.
  • a Gaussian probability distribution function is introduced to obtain N radii of curvature.
  • the Gaussian probability distribution function of the random number y distributed in the interval (-j ⁇ , +j ⁇ ) is:
  • j is an integer greater than or equal to 0 and less than N.
  • the rounded corner radii are sequentially multiplied by N probability density values to obtain N curvature radii.
  • the value of the standard deviation ⁇ of the Gaussian probability distribution can be defined to obtain distribution curves of different amplitudes, thereby changing the values of the N radii of curvature, thereby changing the drawn Bezier curve shape.
  • the probability density values under the distribution curves with different amplitudes are obtained, and then Bezier curves with different curvatures are drawn.
  • the end point of the i-th Bezier curve is connected with the starting point of the i+1-th Bezier curve in order to form a target rounded curve, where i is a natural number greater than 0.
  • a method for drawing a rounded curve is provided, which is obtained by dividing a rounded curve in a rounded control into M segments of Bezier curves for segmental drawing, and sequentially connecting the M segments of Bezier curves.
  • the target fillet curve thereby improving the smoothness of the target fillet curve.
  • the drawing parameters also include the position coordinates of the first straight edge and the position coordinates of the second straight edge, according to the drawing parameters and the N radii of curvature, Draw M Bezier curves, including:
  • the position coordinate of the first straight edge refers to the coordinate x 1 of the projection of the first straight edge on the X axis
  • the position coordinate of the second straight edge refers to the coordinate y 2 of the projection of the second straight edge on the Y axis.
  • start point coordinates, control point coordinates and end point coordinates of the Bezier curve are calculated according to the following formula:
  • the corresponding Bezier curve is uniquely drawn according to the coordinates of the starting point, the coordinates of the control point and the coordinates of the ending point curve.
  • the rounded corner control includes at least one rounded corner curve, and a first straight edge and a second straight edge connected to the rounded corner curve. Therefore, after drawing the target rounded corner curve, please refer to Figure 4, the method further includes:
  • Y of the target from the fillet curve plotted ordinate origin, Width control rounded width, R is the radius of the fillet curve.
  • the drawing starting point is the tangent point of the target rounded corner curve at the first straight edge, and connecting the target rounded corner curve and the first straight edge at the drawing starting point, so that the The connection between the target rounded corner curve and the first straight edge and the second straight edge can be smoothly transitioned, thereby ensuring the smooth effect of the rounded corner control and improving the user experience.
  • the apparatus or device embodiments described above are merely illustrative, wherein the unit modules described as separate components may or may not be physically separated, and components shown as modular units may or may not be physical units , that is, it can be located in one place, or it can be distributed to multiple network module units. Some or all of the modules may be selected according to actual needs to achieve the purpose of the solution in this embodiment.
  • each embodiment can be implemented by means of software plus a general hardware platform to realize the rounded curve drawing device, and of course can also be implemented by hardware.
  • the concept of drawing a rounded curve is the same as the concept of the method for drawing a rounded curve described in the above-mentioned various embodiments, if the contents do not conflict with each other, the embodiments of drawing a rounded curve can refer to the contents of the above-mentioned embodiments, and in the This is not repeated here.
  • Embodiments of the present application provide a non-volatile computer-readable storage medium, where the computer-readable storage medium stores computer-executable instructions, and the computer-executable instructions are executed by one or more processors, for example, to execute the above The method steps of Figures 2a, 2b, 3a and 4 are described.
  • Embodiments of the present application provide a computer program product, including a computer program stored on a non-volatile computer-readable storage medium, where the computer program includes program instructions, and when the program instructions are executed by a computer, the The computer executes the ontology construction method in any of the above method embodiments, for example, executes the method steps of Figs. 2a, 2b, 3a and 4 described above.

Landscapes

  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Image Generation (AREA)

Abstract

本申请涉及计算机技术领域,公开一种圆角曲线绘制方法、电子设备及存储介质,包括:获取圆角控件的绘制参数;根据圆角半径获取N个曲率半径;根据绘制参数以及N个曲率半径,绘制M条贝塞尔曲线;依次连接M条贝塞尔曲线,以形成目标圆角曲线。通过将圆角控件中的圆角曲线分为M段贝塞尔曲线进行分段绘制,并依次连接M段贝塞尔曲线得到的目标圆角曲线,从而改善了目标圆角曲线的平滑度,提高了用户的视觉舒适感。

Description

一种圆角曲线绘制方法、电子设备及存储介质
相关申请的交叉引用
本申请基于申请号为202010724771.0、申请日为2020年07月24日的中国专利申请提出,并要求该中国专利申请的优先权,该中国专利申请的全部内容在此引入本申请作为参考。
技术领域
本申请涉及计算机技术领域,特别是涉及一种圆角曲线绘制方法、电子设备及存储介质。
背景技术
图形界面用户界面(Graphical User Interface,GUI)是指采用图形化方式显示的操作用户界面。近年来,扁平化设计风格风靡全球,在扁平化设计中,由于圆角的平滑度带来视觉的舒适感,使得在进行用户界面(User Interface,UI)绘制时,将控件圆角化是其中一种常见的美化UI界面的处理方法。
在安卓系统中,传统的应用程序将控件圆角化的处理方法为将圆的一段曲线相切于控件的一个角的两条边上,以将控件圆角化置。然而,通过该方法绘制出的圆角控件的圆角过渡粗糙,无法提供给用户良好、顺滑的用户体验。
发明内容
本申请实施例的一个目的旨在提供一种圆角曲线绘制方法、电子设备及存储介质,其能够改善圆角控件的圆角的顺滑度,提高用户的视觉舒适 感。
为了解决上述技术问题,本申请提供以下技术方案:
第一方面,本申请实施例提供一种圆角曲线绘制方法,应用于电子设备,所述方法包括:
获取圆角控件的绘制参数,其中,所述圆角控件中包含有至少一条圆角曲线,以及与所述圆角曲线连接的第一直边和第二直边,所述绘制参数包括所述圆角曲线的圆角半径;
根据所述圆角半径获取N个曲率半径,其中,N为大于0的自然数;
根据所述绘制参数以及N个所述曲率半径,绘制M条贝塞尔曲线,其中,M为大于0的自然数,N为M的倍数;
依次M条所述贝塞尔曲线,以形成目标圆角曲线。
在一些可选实施方式中,所述根据所述圆角半径获取N个曲率半径,包括:
根据所述圆角半径和高斯概率分布获取N个所述曲率半径。
在一些可选实施方式中,所述绘制参数还包括所述圆角控件的宽和高;
在所述根据所述圆角半径获取N个曲率半径之前,所述方法还包括:
确定所述圆角曲线的宽或所述圆角曲线的高是否小于所述圆角半径;
若是,则将预存的圆角半径阈值设置为所述圆角半径。
在一些可选实施方式中,所述绘制参数还包括所述第一直边的位置坐标和所述第二直边的位置坐标;
所述根据所述绘制参数以及N个所述曲率半径,绘制M条贝塞尔曲线,包括:
根据所述第一直边的位置坐标、所述第二直边的位置坐标、所述圆角控件的高及N个所述曲率半径,获取所述贝塞尔曲线的起始点坐标、控制点坐标以及终止点坐标;
将所述起始点坐标、所述控制点坐标及所述终止点坐标代入所述贝塞尔曲线的绘制函数,以依次绘制出对应的贝塞尔曲线。
在一些可选实施方式中,所述根据所述第一直边的位置坐标、所述第二直边的位置坐标、所述圆角控件的高及N个所述曲率半径,获取所述贝塞尔曲线的起始点坐标、控制点坐标以及终止点坐标,包括:
根据下述公式计算所述贝塞尔曲线的起始点坐标、控制点坐标及终止点坐标:
Figure PCTCN2021107209-appb-000001
Figure PCTCN2021107209-appb-000002
Figure PCTCN2021107209-appb-000003
其中,
Figure PCTCN2021107209-appb-000004
为起始点的横坐标,
Figure PCTCN2021107209-appb-000005
起始点的纵坐标,
Figure PCTCN2021107209-appb-000006
为控制点的横坐标,
Figure PCTCN2021107209-appb-000007
控制点的纵坐标,
Figure PCTCN2021107209-appb-000008
为终止点的横坐标,
Figure PCTCN2021107209-appb-000009
为终止点的纵坐标,R为圆角半径,x 1为第一直边的横坐标,y 2为第二直边的纵坐标,Height为圆角控件的高,r i为第i个曲率半径,i为大于0的自然数。
在一些可选实施方式中,所述方法还包括:
依次将所述第一直边、所述目标圆角曲线及所述第二直边顺序连接,以绘制出所述圆角控件的至少一个圆角。
在一些可选实施方式中,所述依次将所述第一直边、所述目标圆角曲线及所述第二直边顺序连接,以绘制出所述圆角控件的至少一个圆角,包括:
确定所述目标圆角曲线在所述第一直边的绘制起点的纵坐标,依次将所述绘制起点、所述目标圆角曲线及所述第二直边顺序连接。
在一些可选实施方式中,所述绘制起点的纵坐标为:
Y :Width/2-R;
其中,Y 为所述目标圆角曲线的绘制起点的纵坐标,Width为圆角控件 的宽,R为圆角曲线的圆角半径。
在一些可选实施方式中,所述贝塞尔曲线为二阶贝塞尔曲线;
当所述贝塞尔曲线为二阶贝塞尔曲线时,N具体取值为18,M具体取值为6。
第二方面,本申请实施例提供一种电子设备,包括:
一个或多个处理器;
存储装置,其上存储有一个或多个程序,
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如上述任一项所述的方法。
第三方面,本申请实施例提供一种计算机可读存储介质,所述可读存储介质上存储有计算机程序,其中,该程序被处理器执行时实现如上述任一项所述的方法。
相对于传统技术,在本申请各个实施例提供的圆角曲线绘制方法、电子设备及存储介质,根据圆角控件的控制参数,将圆角控件中的圆角曲线分为M段贝塞尔曲线进行分段绘制,并依次连接M段贝塞尔曲线得到的目标圆角曲线,从而改善了目标圆角曲线的平滑度,提高了用户的视觉舒适感。
附图说明
一个或多个实施例通过与之对应的附图中的图片进行示例性说明,这些示例性说明并不构成对实施例的限定,附图中具有相同参考数字标号的元件表示为类似的元件,除非有特别申明,附图中的图不构成比例限制。
图1为本申请实施例提供的一种电子设备的结构框图;
图2a为本申请实施例提供的一种圆角曲线绘制方法的流程示意图;
图2b为本申请实施例提供的又一圆角曲线绘制方法的流程示意图;
图3a为本申请实施例提供的一种圆角曲线绘制方法的流程示意图;
图3b为本申请实施例提供的Canvas绘制坐标系的结构示意图;
图4为本申请实施例提供的一种圆角控件的圆角绘制方法的流程示意图。
具体实施方式
为了使本申请的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本申请进行进一步详细说明。应当理解,此处所描述的具体实施例仅用以解释本申请,并不用于限定本申请。
需要说明的是,在不冲突的情况下,本申请中的实施例及实施例中的特征可以相互任意组合。在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行。并且,虽然在流程图中示出了逻辑顺序,但是在某些情况下,可以以不同于此处的顺序执行所示出或描述的步骤。
请参阅图1,图1示例性的提供了本申请实施例中应用圆角曲线绘制方法的电子设备的结构框图。
如图1所示,电子设备100至少包括控制器110、通讯模块120、存储模块130、显示模块140及电源模块150,其中,通讯模块120、存储模块130、显示模块140及电源模块150分别与控制器110连接。应该说明的是,图1所示的结构并不构成对电子设备100的限定,电子设备100可以包括比图示更多或者更少的部件,或者组合某些部件,或者拆分某些部件,或者不同的部件布置。
其中,控制器110至少包括CPU、存储用于电子设备100的控制程序的只读存储器ROM、及存储用于从电子设备100的外部输入的信号或数据或针对电子设备100中执行的操作的存储区的随机存取存储器RAM,CPU、ROM及RAM之间通过内部总线的方式相互连接。CPU通过运行或执行存储在存储器ROM内的软件程序和/或模块,以及调用存储在存储器RAM内 的数据,执行电子设备100的各种功能和数据处理,从而对电子设备100进行管理和控制,例如,实现本申请任一实施例所述的圆角曲线的绘制方法。
通讯模块120可以包括蜂窝模块、无线LAN模块及短距离通讯模块中至少一个。蜂窝模块使得电子设备100经由一个天线或多个天线与其他设备进行无线通讯连接,例如,蜂窝模块通过天线与基站进行数据通讯,接收基站的下行通讯数据并解析;或者,向基站发送上行通讯数据。其中,蜂窝模块所能支持的蜂窝网络包括但不限于是GSM网络、CDMA网络、3G/4G/5G网络、FDMA、TDMA、PDC、TACS、AMPS等。无线LAN模块可以根据控制器110的控制,在安装无线接入(AP)(未示出)的位置中接入互联网。无线LAN模块支持无线LAN标准(IEEE802.11x),无线LAN模块可以驱动Wi-Fi定位系统(WPS),WPS通过使用由与无线LAN模块无线连接的无线AP提供的位置信息,来识别包括无线LAN模块的电子设备的位置信息。短距离通信模块与根据控制器110的控制来无线处理与电子设备100的短距离通信的模块相对应,并可以基于蓝牙、红外数据协会(IrDA)通信、WiFi直连通信、或短距离通信方案(诸如,近场通信(NFC))来处理通信。
存储模块130则根据控制器110的控制,存储输入/输出数据;或者,与通信模块120操作,存储输入/输出数据。存储模块130还可以存储用于控制电子设备100或控制器110的控制程序和应用。具体的,所述存储模块130可以包括但不限于是非易失性存储器、易失性存储器、硬盘驱动器(HDD)或固态驱动器(SSD)。
显示模块140为用户提供GUI图形用户界面,用于向用户展示各种服务对应的用户界面,或者,获取用户操作,以使电子设备100根据用户操作进行及时响应,从而实现了用户与电子设备的交互。其中,所述GUI图 形用户界面通过布局或美化界面图标使其美观、智能及易操作,从而提高用户的使用体验。具体的,显示模块140包括用于显示屏、用于接收用户操作的触摸屏及处理用户操作数据的触摸屏控制器,用户可以通过触摸屏产生操作数据,并通过触摸屏控制器将所述操作数据发送至控制器110以使所述电子设备100响应用户操作。
电源模块150为所述电子设备100提供一个或多个电池,以为所述电子设备100供电。和/或,所述电源模块150还可以通过与所述电子设备100中连接的有线电缆,接入外部电源以为所述电子设备100供电。和/或,所述电源模块150还可以通过无线充电技术从外部电源无线为所述电子设备100供电。
GUI图形界面用户界面为用户提供了图形化的交互界面,可以理解的,在所述交互界面中,通过图形或动画将电子设备的相关服务信息展示于用户端,因此,图形界面的美观及舒适程度将直接影响用户对电子设备的使用体验。
其中,圆角矩形在电子设备中被大量使用,比如,采用圆角矩形制作图标、弹窗或选项框等。在本申请提供的各实施例中所述的圆角控件,包括但不限于为圆角矩形,然而,由于圆角矩形作为其中一种最为典型的圆角控件,因此,在以下的实施例中,以圆角矩形为例,详细说明圆角矩形中左上角的圆角曲线的绘制过程。
应该说明的是,本申请各实施例提供的圆角曲线绘制方法,应用于电子设备,其中,所述电子设备主要是指配置为安卓系统的电子设备,所述电子设备包括但不限是智能终端、平板本电脑、PDA(Personal Digital Assistant,个人数字助理)、电子书阅读器、多媒体播放器等。
具体的,请参阅图2a,本申请实施例提供一种圆角曲线绘制方法,所述方法包括:
S21、获取圆角控件的绘制参数;
其中,所述圆角控件中包含有至少一条圆角曲线,以及与所述圆角曲线连接的第一直边和第二直边。具体的,圆角曲线是指一段分别与第一直边和第二直边相切的圆弧曲线,将该圆弧曲线用以替换原来由第一直边和第二直边形成的角,从而构成所述控件的圆角,并将至少包含一个上述圆角曲线的控件成为圆角控件。
绘制参数是指绘制圆角曲线所必须提供的参数,其中,所述绘制参数中至少包括所述圆角曲线的圆角半径。
可以理解的,圆角半径的大小体现了圆角曲线的弯曲程度,半径越大,所述圆角曲线的弯曲程度越低;相反的,半径越小,所述圆角曲线的弯曲程度越高。
因此,为了保证圆角曲线的弯曲程度,在一些实施例中,所述绘制参数还包括所述圆角控件的宽和高,在获取圆角控件的绘制参数后,请参阅图2b,所述方法还包括:
S211、确定所述圆角曲线的宽或所述圆角曲线的高是否小于所述圆角半径;
S212、若是,则将预存的圆角半径阈值设置为所述圆角半径。
其中,预存的圆角半径阈值的取值为140px。
S22、根据所述圆角半径获取N个曲率半径,其中,N为大于0的自然数;
S23、根据所述绘制参数以及N个所述曲率半径,绘制M条贝塞尔曲线,其中,M为大于0的自然数,N为M的倍数;
应该说明的是,在现有技术中,将圆的一段圆弧曲线相切在第一直边和第二直边,以构成所述圆角控件的圆角。可以理解的,该圆弧曲线上任意一点的曲率半径即为该圆的半径。然而,通过上述方法绘制的圆弧曲线, 容易出现所述圆弧曲线的过渡不够圆滑而出现梯度的情况。
因此,在本申请实施例中,引入贝塞尔曲线来以替代现有技术中的圆弧曲线,以改善圆弧曲线的过渡不够圆滑的问题。
贝塞尔曲线,又称为贝茨曲线,是应用于二维图形应用程序的数学曲线。其中,所述贝塞尔曲线由起始点、终止点及控制点组成,可通过调整控制点改变所述贝塞尔曲线的形状。
在所述电子设备配置的系统中,预先定义了用于绘制控件的应用程序接口函数(Application Programming Interface,API)。可以理解的,Canvas用于绘制常规图形,例如,用于绘制圆、椭圆或矩形等常规图形,若需要绘制更复杂的图形,例如,绘制圆角矩形,则需结合Path路径才能完成。于是,当触发绘制圆角控件时,所述电子设备根据绘制参数创建所述圆角曲线的路径,并将所述路径代入Canvas的DrawPath方法中,以在Canvas上绘制所述圆角控件的圆角曲线。
在具体创建所述圆角曲线的路径时,由于所述圆角曲线由M条贝塞尔曲线构成,因此,根据圆角半径获取出N个曲率半径,并结合所述圆角控件的绘制参数分别计算出M条贝塞尔曲线的起始点、终止点及控制点坐标,从而创建出所述圆角曲线的绘制路径。
在一些实施例中,所述贝塞尔曲线为二阶贝塞尔曲线;当所述贝塞尔曲线为二阶贝塞尔曲线时,N具体取值为18,M具体取值为6。
在又一些实施例中,根据所述圆角半径和高斯概率分布获取N个所述曲率半径。
其中,高斯分布又称为正态分布,其分布曲线呈钟形,反映了随机变量的分布规律,用于计算随机变量落入任何范围内的概率。其中,标准差σ的取值决定了概率分布的幅度。在本申请实施例中,引入高斯概率分布函数用以获取出N个曲率半径,具体的,随机数y分布在区间(-jσ,+jσ)的高 斯概率分布函数为:
Figure PCTCN2021107209-appb-000010
其中,j为大于等于0且小于N的整数,在具体取值时,从j=N-1开始,依次向下递减,直至j=0,从而得到N个概率密度值。
进而,将所述圆角半径依次与N个概率密度值进行乘积计算,从而得到N个曲率半径。
应该说明的是,当j=N-1时,其概率密度值趋近于1;当j=0,其概率密度值等于0。
在又一些实施例中,可以通过定义所述高斯概率分布的标准差σ的值,以得到不同幅值的分布曲线,从而改变了N个曲率半径的取值,进而改变绘制的贝塞尔曲线的形状。
在本实施例中,通过自定义高斯概率分布曲线,以获取到不同幅值的分布曲线下的概率密度值,进而绘制出不同曲率的贝塞尔曲线。
S24、依次连接M条所述贝塞尔曲线,以形成目标圆角曲线。
在绘制出M条贝塞尔曲线后,依次将第i条所述贝塞尔曲线的终止点与第i+1条所述贝塞尔曲线的起始点进行连接,以形成目标圆角曲线,其中i为大于0的自然数。
在本申请实施例中,提供一种圆角曲线绘制方法,通过将圆角控件中的圆角曲线分为M段贝塞尔曲线进行分段绘制,并依次连接M段贝塞尔曲线得到的目标圆角曲线,从而提高了目标圆角曲线的平滑度。
其中,所述目标圆角曲线分别与所述第一直边和所述第二直边相切,为了使所述目标圆角曲线与所述第一直边、所述第二直边进行较好的过渡,请参阅图3a,所述绘制参数还包括所述第一直边的位置坐标和所述第二直边的位置坐标,所述根据所述绘制参数以及N个所述曲率半径,绘制M条贝塞尔曲线,包括:
S31、根据所述第一直边的位置坐标、所述第二直边的位置坐标、所述圆角控件的高及N个所述曲率半径,获取所述贝塞尔曲线的起始点坐标、控制点坐标以及终止点坐标;
具体的,以绘制圆角矩形左上角的圆角曲线为例进行说明,请参阅图3b,需要说明是,在Canvas的坐标系XOY中,Canvas坐标系有且只有一个,且是唯一不变的,其坐标原点在View的左上角,从坐标原点向右为X轴的正半轴,从坐标原点向下为Y轴的正半轴。所述第一直边相对于坐标系的Y轴平行,所述第二直边相对于坐标系的X轴平行。因此,所述第一直边的位置坐标是指第一直边投影在X轴的坐标x 1,所述第二直边的位置坐标是指第二直边投影在Y轴的坐标y 2
于是,根据下述公式计算所述贝塞尔曲线的起始点坐标、控制点坐标及终止点坐标:
Figure PCTCN2021107209-appb-000011
Figure PCTCN2021107209-appb-000012
Figure PCTCN2021107209-appb-000013
其中,
Figure PCTCN2021107209-appb-000014
为起始点的横坐标,
Figure PCTCN2021107209-appb-000015
起始点的纵坐标,
Figure PCTCN2021107209-appb-000016
为控制点的横坐标,
Figure PCTCN2021107209-appb-000017
控制点的纵坐标,
Figure PCTCN2021107209-appb-000018
为终止点的横坐标,
Figure PCTCN2021107209-appb-000019
为终止点的纵坐标,R为圆角半径,x 1为第一直边的横坐标,y 2为第二直边的纵坐标,Height为圆角控件的高,r i为第i个曲率半径,i为大于0的自然数。
S32、将所述起始点坐标、所述控制点坐标及所述终止点坐标代入所述贝塞尔曲线的绘制函数,以依次绘制出对应的贝塞尔曲线。
需要说明的是,Canvas的DrawPath方法中传入的各种坐标指的都是绘图坐标系中的坐标,而非Canvas坐标系中的坐标。默认情况下,绘图坐标系与Canvas坐标系完全重合。
可以理解的是,当需要将所述圆角矩形的其他角绘制成圆角时,只需 将上述计算所述贝塞尔曲线的起始点坐标、控制点坐标及终止点坐标的公式中的第一直边和第二直边的坐标替换为与当前绘制圆角曲线相切的两条直边即可。
在本申请实施例中,通过分别确定各段贝塞尔曲线的起始点坐标、控制点坐标及终止点坐标,从而根据起始点坐标、控制点坐标及终止点坐标唯一绘制出对应的贝塞尔曲线。
可以理解的,所述圆角控件中至少包含有一条圆角曲线,以及与所述圆角曲线连接的第一直边和第二直边,因此,在绘制出目标圆角曲线后,请参阅图4,所述方法还包括:
S41、确定所述目标圆角曲线在所述第一直边的绘制起点的纵坐标;
其中,所述绘制起点的纵坐标为:
Y :Width/2-R;
其中,Y 为所述目标圆角曲线的绘制起点的纵坐标,Width为圆角控件的宽,R为圆角曲线的圆角半径。
S42、依次将所述绘制起点、所述目标圆角曲线及所述第二直边顺序连接。
可以理解的,所述绘制起点为所述目标圆角曲线在所述第一直边的切点,将所述目标圆角曲线与所述第一直边在所述绘制起点连接,使得所述目标圆角曲线与第一直边、第二直边的衔接能够平滑过渡,进而保证了所述圆角控件的顺滑效果,提高了用户体验。
以上所描述的装置或设备实施例仅仅是示意性的,其中所述作为分离部件说明的单元模块可以是或者也可以不是物理上分开的,作为模块单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络模块单元上。可以根据实际的需要选择其中的部分 或者全部模块来实现本实施例方案的目的。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到各实施方式可借助软件加通用硬件平台的方式来实现圆角曲线绘制装置,当然也可以通过硬件实现。并且,由于圆角曲线绘制的构思与上述各个实施例所述的圆角曲线绘制方法的构思一样,在内容不互相冲突下,圆角曲线绘制的实施例可以引用上述各个实施例的内容,在此不赘述。
本申请实施例提供了一种非易失性计算机可读存储介质,所述计算机可读存储介质存储有计算机可执行指令,该计算机可执行指令被一个或多个处理器执行,例如,执行以上描述的图2a、2b、3a及4的方法步骤。
本申请实施例提供了一种计算机程序产品,包括存储在非易失性计算机可读存储介质上的计算程序,所述计算机程序包括程序指令,当所述程序指令被计算机执行时,使所述计算机执行上述任意方法实施例中的本体构建方法,例如,执行以上描述的图2a、2b、3a及4的方法步骤。
最后应说明的是:以上实施例仅用以说明本申请的技术方案,而非对其限制;在本申请的思路下,以上实施例或者不同实施例中的技术特征之间也可以进行组合,步骤可以以任意顺序实现,并存在如上所述的本申请的不同方面的许多其它变化,为了简明,它们没有在细节中提供;尽管参照前述实施例对本申请进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本申请各实施例技术方案的范围。

Claims (11)

  1. 一种圆角曲线绘制方法,应用于电子设备,所述方法包括:
    获取圆角控件的绘制参数,其中,所述圆角控件中包含有至少一条圆角曲线,以及与所述圆角曲线连接的第一直边和第二直边,所述绘制参数包括所述圆角曲线的圆角半径;
    根据所述圆角半径获取N个曲率半径,其中,N为大于0的自然数;
    根据所述绘制参数以及N个所述曲率半径,绘制M条贝塞尔曲线,其中,M为大于0的自然数,N为M的倍数;
    依次连接M条所述贝塞尔曲线,以形成目标圆角曲线。
  2. 根据权利要求1所述的方法,其中,所述根据所述圆角半径获取N个曲率半径,包括:
    根据所述圆角半径和高斯概率分布获取N个曲率半径。
  3. 根据权利要求2所述的方法,其中,所述绘制参数还包括所述圆角控件的宽和高;
    在所述根据所述圆角半径获取N个曲率半径之前,所述方法还包括:
    确定所述圆角曲线的宽或所述圆角曲线的高是否小于所述圆角半径;
    若是,则将预存的圆角半径阈值设置为所述圆角半径。
  4. 根据权利要求3所述的方法,其中,所述绘制参数还包括所述第一直边的位置坐标和所述第二直边的位置坐标;
    所述根据所述绘制参数以及N个所述曲率半径,绘制M条贝塞尔曲线,包括:
    根据所述第一直边的位置坐标、所述第二直边的位置坐标、所述圆角控件的高及N个所述曲率半径,获取所述贝塞尔曲线的起始点坐标、控制点坐标以及终止点坐标;
    将所述起始点坐标、所述控制点坐标及所述终止点坐标代入所述贝塞 尔曲线的绘制函数,以依次绘制出对应的贝塞尔曲线。
  5. 根据权利要求4所述的方法,其中,所述根据所述第一直边的位置坐标、所述第二直边的位置坐标、所述圆角控件的高及N个所述曲率半径,获取所述贝塞尔曲线的起始点坐标、控制点坐标以及终止点坐标,包括:
    根据下述公式计算所述贝塞尔曲线的起始点坐标、控制点坐标及终止点坐标:
    Figure PCTCN2021107209-appb-100001
    Figure PCTCN2021107209-appb-100002
    Figure PCTCN2021107209-appb-100003
    其中,
    Figure PCTCN2021107209-appb-100004
    为起始点的横坐标,
    Figure PCTCN2021107209-appb-100005
    起始点的纵坐标,
    Figure PCTCN2021107209-appb-100006
    为控制点的横坐标,
    Figure PCTCN2021107209-appb-100007
    控制点的纵坐标,
    Figure PCTCN2021107209-appb-100008
    为终止点的横坐标,
    Figure PCTCN2021107209-appb-100009
    为终止点的纵坐标,R为圆角半径,x 1为第一直边的横坐标,y 2为第二直边的纵坐标,Height为圆角控件的高,r i为第i个曲率半径,i为大于0的自然数。
  6. 根据权利要求1所述的方法,其中,所述方法还包括:
    依次将所述第一直边、所述目标圆角曲线及所述第二直边顺序连接,以绘制出所述圆角控件的至少一个圆角。
  7. 根据权利要求6所述的方法,其中,所述依次将所述第一直边、所述目标圆角曲线及所述第二直边顺序连接,以绘制出所述圆角控件的至少一个圆角,包括:
    确定所述目标圆角曲线在所述第一直边的绘制起点的纵坐标,依次将所述绘制起点、所述目标圆角曲线及所述第二直边顺序连接。
  8. 根据权利要求7所述的方法,其中,所述绘制起点的纵坐标为:
    Y :Width/2-R;
    其中,Y 为所述目标圆角曲线的绘制起点的纵坐标,Width为圆角控件的宽,R为圆角曲线的圆角半径。
  9. 根据权利要求1-8任一项所述的方法,其中,所述贝塞尔曲线为二阶贝塞尔曲线;
    当所述贝塞尔曲线为二阶贝塞尔曲线时,N具体取值为18,M具体取值为6。
  10. 一种电子设备,包括:
    一个或多个处理器;
    存储装置,其上存储有一个或多个程序,
    当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-9中任一项所述的方法。
  11. 一种计算机可读存储介质,所述可读存储介质上存储有计算机程序,其中,该程序被处理器执行时实现如权利要求1-9中任一项所述的方法。
PCT/CN2021/107209 2020-07-24 2021-07-19 一种圆角曲线绘制方法、电子设备及存储介质 WO2022017337A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202010724771.0A CN113971707A (zh) 2020-07-24 2020-07-24 一种圆角曲线绘制方法、电子设备及存储介质
CN202010724771.0 2020-07-24

Publications (1)

Publication Number Publication Date
WO2022017337A1 true WO2022017337A1 (zh) 2022-01-27

Family

ID=79585688

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2021/107209 WO2022017337A1 (zh) 2020-07-24 2021-07-19 一种圆角曲线绘制方法、电子设备及存储介质

Country Status (2)

Country Link
CN (1) CN113971707A (zh)
WO (1) WO2022017337A1 (zh)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114637958A (zh) * 2022-03-24 2022-06-17 悍匠机器人(浙江)有限公司 一种图形图像的圆角变换算法及系统
CN117032468A (zh) * 2023-10-09 2023-11-10 深圳市微克科技有限公司 一种基于智能手环的圆角矩形绘制方法、系统及介质
CN117032468B (zh) * 2023-10-09 2024-05-31 深圳市微克科技股份有限公司 一种基于智能手环的圆角矩形绘制方法、系统及介质

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2005293265A (ja) * 2004-03-31 2005-10-20 Canon Inc 画像処理装置及び方法
CN102903134A (zh) * 2012-09-13 2013-01-30 烽火通信科技股份有限公司 快速绘制多次曲线的方法
CN108153526A (zh) * 2017-12-22 2018-06-12 武汉虹信技术服务有限责任公司 一种可复用的控件圆角化设置方法
CN110490949A (zh) * 2019-07-04 2019-11-22 天脉聚源(杭州)传媒科技有限公司 基于贝塞尔曲线的圆角图像展示方法、系统及存储介质

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2005293265A (ja) * 2004-03-31 2005-10-20 Canon Inc 画像処理装置及び方法
CN102903134A (zh) * 2012-09-13 2013-01-30 烽火通信科技股份有限公司 快速绘制多次曲线的方法
CN108153526A (zh) * 2017-12-22 2018-06-12 武汉虹信技术服务有限责任公司 一种可复用的控件圆角化设置方法
CN110490949A (zh) * 2019-07-04 2019-11-22 天脉聚源(杭州)传媒科技有限公司 基于贝塞尔曲线的圆角图像展示方法、系统及存储介质

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
ZHANG, XIAOPENG ET AL.: "An Algorithm of Generating A Circle with Piecewise Bezier Curves", JOURNAL OF XI'AN MINING INSTITUTE, vol. 16, no. 1, 31 March 1996 (1996-03-31), pages 85 - 87, XP055888257, ISSN: 1001-7127 *

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114637958A (zh) * 2022-03-24 2022-06-17 悍匠机器人(浙江)有限公司 一种图形图像的圆角变换算法及系统
CN114637958B (zh) * 2022-03-24 2024-03-08 悍匠机器人(浙江)有限公司 一种图形图像的圆角变换方法及系统
CN117032468A (zh) * 2023-10-09 2023-11-10 深圳市微克科技有限公司 一种基于智能手环的圆角矩形绘制方法、系统及介质
CN117032468B (zh) * 2023-10-09 2024-05-31 深圳市微克科技股份有限公司 一种基于智能手环的圆角矩形绘制方法、系统及介质

Also Published As

Publication number Publication date
CN113971707A (zh) 2022-01-25

Similar Documents

Publication Publication Date Title
US20200401790A1 (en) Face image processing method and device, and storage medium
CN108197602B (zh) 一种卷积神经网络生成方法及表情识别方法
US11373384B2 (en) Parameter configuration method, apparatus, and device for three-dimensional face model, and storage medium
US20160092021A1 (en) Wet ink predictor
US11087436B2 (en) Method and apparatus for controlling image display during image editing
US20130076619A1 (en) Methods and Apparatus for Freeform Deformation of 3-D Models
WO2022017337A1 (zh) 一种圆角曲线绘制方法、电子设备及存储介质
KR20130066511A (ko) 필기 문자들을 미화변형 하기 위한 방법 및 장치
WO2013143372A1 (zh) 选择光标操作方法、对象显示方法及终端设备
US20130279763A1 (en) Method and apparatus for providing a mechanism for gesture recognition
US20220237935A1 (en) Method for training a font generation model, method for establishing a font library, and device
CN109697689A (zh) 存储介质、电子设备、视频合成方法及装置
CN109003224A (zh) 基于人脸的形变图像生成方法和装置
US20150116367A1 (en) Information processing device, display enlarging method, and computer readable medium
CN113645637B (zh) 超密集网络任务卸载方法、装置、计算机设备和存储介质
WO2020248365A1 (zh) 智能分配模型训练内存方法、装置及计算机可读存储介质
US20150113453A1 (en) Methods and devices for simplified graphical object editing
US20230085732A1 (en) Image processing
US10482622B2 (en) Locating features in warped images
CN108958861A (zh) 基于文本控件的对象显示方法、设备及存储介质
KR102237520B1 (ko) 효율적인 데이터 관리를 위한 가상 전시 공간 제공 방법
WO2020261739A1 (ja) 画像表示システム及びプログラム
CN116737301A (zh) 图层元素的对齐方法及装置
US8428348B2 (en) Image analysis through neural network using image average color
WO2022166753A1 (zh) 页面显示方法及装置

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 21845267

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

32PN Ep: public notification in the ep bulletin as address of the adressee cannot be established

Free format text: NOTING OF LOSS OF RIGHTS PURSUANT TO RULE 112(1) EPC (EPO FORM 1205A DATED 12.05.2023)

122 Ep: pct application non-entry in european phase

Ref document number: 21845267

Country of ref document: EP

Kind code of ref document: A1