CN110659026A - 一种图形控件生成方法、装置及设备 - Google Patents

一种图形控件生成方法、装置及设备 Download PDF

Info

Publication number
CN110659026A
CN110659026A CN201910714962.6A CN201910714962A CN110659026A CN 110659026 A CN110659026 A CN 110659026A CN 201910714962 A CN201910714962 A CN 201910714962A CN 110659026 A CN110659026 A CN 110659026A
Authority
CN
China
Prior art keywords
control
graphic control
graphic
coordinate
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.)
Pending
Application number
CN201910714962.6A
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.)
Shenzhen Ubtech Technology Co ltd
Original Assignee
Shenzhen Ubtech Technology Co 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 Shenzhen Ubtech Technology Co ltd filed Critical Shenzhen Ubtech Technology Co ltd
Priority to CN201910714962.6A priority Critical patent/CN110659026A/zh
Publication of CN110659026A publication Critical patent/CN110659026A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/38—Creation or generation of source code for implementing user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Image Generation (AREA)

Abstract

一种图形控件生成方法包括：创建可缩放的矢量图形SVG画布，计算位于所述SVG画布上的图形控件的关键点的坐标位置；根据所述关键点的坐标位置，结合所述图形控件的外形，生成所述图形控件的绘制参数；根据所述绘制参数绘制生成图形控件，并将所述图形控件与控制指令绑定。使得生成的图形控件能够任意缩放而不会失真，可以适应不同尺寸的设备，并且不会出现图形控件重叠，可通过查找与所述SVG图形控件对应的代码，对图形控件进行快速的检索。

Description

一种图形控件生成方法、装置及设备
技术领域
本申请属于玩具机器人领域，尤其涉及一种图形控制生成方法、装置及设备。
背景技术
随着科学技术的发展，青少年所使用的玩具也越来越丰富。比如，目前所开发的积木机器人，既可以将积木拼装为不同样式的机器人，提高用户的拼装动手能力，又可以将拼装后的机器人与智能终端连接，通过智能终端控制所述机器人移动，可以设定系列动作，控制机器人完成所期望的动作，比如跳舞等，有利于提高用户的逻辑思维能力。
在用户对机器人进行控制时，通常需要使用图形按键，比如控制移动方向的方向按键等。目前的玩具厂商一般是通过CSS(层叠样式表)控制DIV(图层)布局的方式，来绘制终端中的图形控件。由于通过CSS控制DIV布局的方式所绘制的图形控制，在适应不同的尺寸的设备进行缩放时容易失真，调整控件大小较为麻烦，而且容易出现图形控件重叠，不利于快速查找所需要的图形控件。
发明内容
有鉴于此，本申请实施例提供了一种图形控件生成方法、装置及设备，以解决现有技术中图形控件通过CSS控制DIV布局的方式所绘制时，容易失真，且调整控件大小较为麻烦，容易出现图形控件重叠，不利于快速查找所需要的图形控件的问题。
本申请实施例的第一方面提供了一种图形控件生成方法，所述图形控件生成方法包括：
创建可缩放的矢量图形SVG画布，计算位于所述SVG画布上的图形控件的关键点的坐标位置；
根据所述关键点的坐标位置，结合所述图形控件的外形，生成所述图形控件的绘制参数；
根据所述绘制参数绘制生成图形控件，并将所述图形控件与控制指令绑定。
结合第一方面，在第一方面的第一种可能实现方式中，所述根据所述关键点的坐标位置，结合所述图形控件的位置，生成所述图形控件的绘制参数的步骤包括：
根据所述图形控件的外形确定相邻的第一关键点和第二关键点之间的第一连接种类；
根据预设的连接种类与绘制参数的对应关系，查找所述第一连接种类所对应的绘制参数；
根据所述图形控件的外形，以及所述关键点的坐标位置，确定所述绘制参数的参数值。
结合第一方面的第一种可能实现方式，在第一方面的第二种可能实现方式中，所述根据预设的连接种类与绘制参数的对应关系，查找所述第一连接种类所对应的绘制参数的步骤包括：
当所述连接种类为圆弧时，所述绘制参数包括弧半长轴长度、弧半短轴长度、弧所在的X轴与水平方向的夹角、弧线角度大小类型、从起点到终点的绘制方向以及终点坐标；
当所述连接种类为线段时，所述绘制参数包括起点坐标和终点坐标。
结合第一方面，在第一方面的第三种可能实现方式中，所述计算位于所述SVG画布上的图形控件的关键点的坐标位置的步骤包括：
获取所述图形控件包括的线条；
根据所述线条的交点确定所述图形控件的关键点，并计算所述关键点的坐标位置。
结合第一方面，在第一方面的第四种可能实现方式中，在所述将所述图形控件与控制指令绑定的步骤之后，所述方法还包括：
在所述图形控件为选中状态时显示第一颜色；
在所述图形控件为未选中状态时，显示第二颜色。
本申请实施例的第二方面提供了一种图形控件生成装置，所述图形控件生成装置包括：
坐标计算单元，用于创建可缩放的矢量图形SVG画布，计算位于所述SVG画布上的图形控件的关键点的坐标位置；
绘制参数生成单元，用于根据所述关键点的坐标位置，结合所述图形控件的外形，生成所述图形控件的绘制参数；
绘制绑定单元，用于根据所述绘制参数绘制生成图形控件，并将所述图形控件与控制指令绑定。
结合第二方面，在第二方面的第一种可能实现方式中，所述绘制参数生成单元包括：
连接种类确定子单元，用于根据所述图形控件的外形确定相邻的第一关键点和第二关键点之间的第一连接种类；
绘制参数确定子单元，用于根据预设的连接种类与绘制参数的对应关系，查找所述第一连接种类所对应的绘制参数；
参数值确定子单元，用于根据所述图形控件的外形，以及所述关键点的坐标位置，确定所述绘制参数的参数值。
结合第二方面的第一种可能实现方式，在第二方面的第二种可能实现方式中，所述绘制参数确定子单元包括：
圆弧参数确定模块，用于当所述连接种类为圆弧时，所述绘制参数包括弧半长轴长度、弧半短轴长度、弧所在的X轴与水平方向的夹角、弧线角度大小类型、从起点到终点的绘制方向以及终点坐标；
直线参数确定模块，用于当所述连接种类为线段时，所述绘制参数包括起点坐标和终点坐标。
本申请实施例的第三方面提供了一种图形控件生成设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如第一方面任一项所述图形控件生成方法的步骤。
本申请实施例的第四方面提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现如第一方面任一项所述图形控件生成方法的步骤。
本申请实施例与现有技术相比存在的有益效果是：通过确定可缩放的矢量图SVG画布的图形控件的关键点的坐标位置，根据所述关键点的坐标位置，结合所述图形控件的外形，生成图形控件的绘制参数，根据所述绘制参数即可绘制生成可缩放的矢量SVG图形控件，并确定所述图形控件与控制指令的对应关系，从而使得生成的图形控件能够任意缩放而不会失真，可以适应不同尺寸的设备，并且不会出现图形控件重叠，可通过查找与所述SVG图形控件对应的代码，对图形控件进行快速的检索。
附图说明
为了更清楚地说明本申请实施例中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
图1是本申请实施例提供的一种图形控件生成方法的实现流程示意图；
图2是本申请实施例提供的图形控件的关键点示意图；
图3是本申请实施例提供的一种图形控件的线条绘制示意图；
图4是本申请实施例提供的一种确定绘制参数的示意图；
图5是本申请实施例提供的一种图形控件生成装置的示意图；
图6是本申请实施例提供的图形控件生成设备的示意图。
具体实施方式
以下描述中，为了说明而不是为了限定，提出了诸如特定系统结构、技术之类的具体细节，以便透彻理解本申请实施例。然而，本领域的技术人员应当清楚，在没有这些具体细节的其它实施例中也可以实现本申请。在其它情况中，省略对众所周知的系统、装置、电路以及方法的详细说明，以免不必要的细节妨碍本申请的描述。
为了说明本申请所述的技术方案，下面通过具体实施例来进行说明。
图1为本申请实施例提供的一种图形控件生成方法的实现流程示意图，详述如下：
在步骤S101中，创建可缩放的矢量图形SVG画布，计算位于所述SVG画布上的图形控件的关键点的坐标位置；
具体的，本申请实施例所述图形控件，可以用于编程工作人员对图形控件进行设计制作，也可以由用户进行图形控件的设计制作。当编程工作人员采用本申请所述图形控件生成方法时，可以快速有效的制作所需的图形控件；当用户使用本申请所述图形控件生成方法时，可以有效的提高用户设计图形控件的交互性，提高用户使用体验。
所述可缩放的矢量图形SVG画布，可用于绘制矢量图形，并且所绘制的矢量图形可以任意缩放，不会影响图形的清晰度，从而使得绘制得到的图形控件可以适应不同尺寸的设备使用要求。并且由于SVG格式的图形控件可以脚本化，因而可以有效的对图形控件进行压缩，也便于根据图形控件的脚本信息，对图形控件进行搜索。
创建所述SVG画布后，可以根据用户输入的图形控件确定图形控件的关键点的坐标位置，或者也可以根据用户所计算得到的坐标位置。
比如，可以接收用户输入的图形，所述图形可以为非矢量图形，比如普通的JPG、BMP格式的图形均可，或者还可以为用户手绘的图形。当输入的图形为用户手绘图形时，可以自动识别手绘图形中的手绘误差，对手绘图形中的线条上的抖动进行过滤，并且对线条中的圆弧进行圆滑处理，从而使得根据图形识别出来的关键点，以及关键点的坐标位置更加准确。另外，对于手绘图形中包括多个图像控件时，可以计算多个图形控件的对称性，如果对称性超过一定预付，则可以自动校正所述手绘图形为对称图形控件，从而提高图形控件的手绘效率。
接收到用户输入的手绘图形后，可以根据所述SVG画布的坐标系，比如可以为SVG画布的左上角作为坐标圆点，向右方向为X轴正方向，向下方向为Y轴正方向的坐标系来确定SVG画布上的手绘图形的关键点的坐标位置。
其中，所述关键点的坐标位置，可以根据图形中的线条的交点来确定，比如可以为直线与弧的交点，也可以为直线与直线的交点。
如图2所示，已知所识别圆的圆心O点的坐标为(x，y)，圆1的半径为r，圆2的半径为R，A1OA3为直角，A2为圆弧A1A3的中点，其它点按照45度依次均匀分布。可以根据圆心坐标和半径，确定A1至A7这八个点的坐标值，分别为：
A1(x，y－r)，A5(x，y+r)，A3(x－r，y)，A7(x+r，y)；
A2坐标(x－r/(2)1/2，y－r/(2)1/2)；A4坐标(x－r/(2)1/2，y+r/(2)1/2)；
A6坐标(x+r/(2)1/2，y－r/(2)1/2)；A8坐标(x+r/(2)1/2，y+r/(2)1/2)；
B1(x，y－R)，B5(x，y+R)，B3(x－R，y)，B7(x+R，y)；
B2坐标(x－R/(2)1/2，y－R/(2)1/2)；B4坐标(x－R/(2)1/2，y+R/(2)1/2)；
B6坐标(x+R/(2)1/2，y－r/(2)1/2)；B8坐标(x+R/(2)1/2，y+R/(2)1/2)
当然，所述图形控件的关键点的坐标位置也可以直接接收用户输入的坐标位置。
在步骤S102中，根据所述关键点的坐标位置，结合所述图形控件的外形，生成所述图形控件的绘制参数；
根据所述图形控件的外形，可以识别所述图形控件的轮廓线，比如图3所示的控件中，包括四个图形控件，分别位于所述图形控件的上部、下部、左部和右部，生成所述图形中的单个图形控件的绘制参数可以如图4所示，包括：
在步骤S401中，根据所述图形控件的外形确定相邻的第一关键点和第二关键点之间的第一连接种类；
根据所述图形控件的外形，可以确定关键点的相邻关系，将图形控件中的N个关键点，转化为N组相邻关系，并根据每组相邻关系的关键点的连接方式，确定两个相邻关系的关键点之间的连接种类。
如图3所示的图形控件，包括A2、A4、B2、B4四个关键点，并且A2和A4，以及B2和B4的连接类型为弧线，A2和B2，A4和B4的连接类型为线段。
在步骤S402中，根据预设的连接种类与绘制参数的对应关系，查找所述第一连接种类所对应的绘制参数；
在本申请中，可以预先设定不同的连接种类与绘制参数的对应关系，在确定了两个相邻关键点的连接种类后，可以根据预先确定的所述对应关系快速的查找所需要的绘制参数，便于准确有效的完成对图形控件的绘制。
比如，当确定连接种类为弧时，所述绘制参数包括弧半长轴长度、弧半短轴长度、弧所在的X轴与水平方向的夹角、弧线角度大小类型、从起点到终点的绘制方向以及终点坐标。其中，弧所在的X轴与水平方向的夹角，即X轴旋转至弧所对应的轴线的旋转角度，逆时针旋转表示为正数，顺时针旋转表示为负数。弧线角度类型中，1表示大角度弧线，0表示小角度弧线。从起点到终点弧线的绘制方向中，1表示顺时针方向，0表示逆时针方向。
当所述连接种类为线段时，所述绘制参数包括起点坐标和终点坐标。
如图3所示，在计算得到A2、A4、B2、B4的坐标位置后，根据相邻关键点所确定的连接种类，查找弧线A4A2、B2B4对应的参数，以及线段A2B2、B4A4对应的参数。
在步骤S403中，根据所述图形控件的外形，以及所述关键点的坐标位置，确定所述绘制参数的参数值。
比如，对于弧线B2B4，所对应的参数包括弧半长轴长度、弧半短轴长度、弧所在的X轴与水平方向的夹角、弧线角度大小类型、从起点到终点的绘制方向以及终点坐标，分别为R，R，0，0，0，B2x，B2y。
根据线条的类型，结合线条所对应的关键点的坐标位置，可以确定线条的绘制参数，根据所述绘制参数，可以准确有效的在SVG画布上绘制关键点所对应的线条，完成对所述图形控件的绘制操作。
在步骤S103中，根据所述绘制参数绘制生成图形控件，并将所述图形控件与控制指令绑定。
根据所确定的图形控件中的线条的绘制参数，可以逐个对所述图形控件的线条进行绘制。当完成所述图形控件的所有线条绘制后，即可得到SVG图形，将所述SVG图形与控制指令绑定后，即可完成所述图形控件的绘制。
优选的实施方式中，还可以设定所述图形控件包括两种或者两种以上的颜色，根据用户的使用状态，对图形控件的显示颜色进行切换，比如可以在选中状态显示第一颜色，在未选中状态显示第二颜色。或者，所述图形控件可以根据所述图形控件的按压时间，逐渐改变图形控件的显示颜色，比如图形控件为运动方向按键，当按压所述方向按键时，被控制对象，比如机器人会根据该方向按键的指令逐渐加速，可以根据所述方向按键的按压时间与被控制对象的速度的对应关系，以及不同的速度与不同颜色的对应关系，确定所述按压时间与显示颜色的对应关系，在所述图形控件上根据按压时间确定即时的显示颜色。
另外，为了方便用户更为直观的了解图形控件的功能，可以在所述图形控件上绘制功能标识，所述功能标识的绘制时，可以将所述功能标识拆分为线条的组合，在确定各个线条的绘制参数后，可以绘制得到所述功能标识的SVG图形，从而便于调整图形控件大小的时候保证功能标识不会失真。
应理解，上述实施例中各步骤的序号的大小并不意味着执行顺序的先后，各过程的执行顺序应以其功能和内在逻辑确定，而不应对本申请实施例的实施过程构成任何限定。
图5为本申请实施例提供的一种图形控件生成装置的结构示意图，所述图形控件生成装置包括：
坐标计算单元501，用于创建可缩放的矢量图形SVG画布，计算位于所述SVG画布上的图形控件的关键点的坐标位置；
绘制参数生成单元502，用于根据所述关键点的坐标位置，结合所述图形控件的外形，生成所述图形控件的绘制参数；
绘制绑定单元503，用于根据所述绘制参数绘制生成图形控件，并将所述图形控件与控制指令绑定。
优选的，所述绘制参数生成单元包括：
连接种类确定子单元，用于根据所述图形控件的外形确定相邻的第一关键点和第二关键点之间的第一连接种类；
绘制参数确定子单元，用于根据预设的连接种类与绘制参数的对应关系，查找所述第一连接种类所对应的绘制参数；
参数值确定子单元，用于根据所述图形控件的外形，以及所述关键点的坐标位置，确定所述绘制参数的参数值。
优选的，所述绘制参数确定子单元包括：
圆弧参数确定模块，用于当所述连接种类为圆弧时，所述绘制参数包括弧半长轴长度、弧半短轴长度、弧所在的X轴与水平方向的夹角、弧线角度大小类型、从起点到终点的绘制方向以及终点坐标；
直线参数确定模块，用于当所述连接种类为线段时，所述绘制参数包括起点坐标和终点坐标。
旅途5所述图形控件生成装置，与图1所述的图形控件生成方法对应。
图6是本申请一实施例提供的图形控件生成设备的示意图。如图6所示，该实施例的图形控件生成设备6包括：处理器60、存储器61以及存储在所述存储器61中并可在所述处理器60上运行的计算机程序62，例如图形控件生成程序。所述处理器60执行所述计算机程序62时实现上述各个图形控件生成方法实施例中的步骤。或者，所述处理器60执行所述计算机程序62时实现上述各装置实施例中各模块/单元的功能。
示例性的，所述计算机程序62可以被分割成一个或多个模块/单元，所述一个或者多个模块/单元被存储在所述存储器61中，并由所述处理器60执行，以完成本申请。所述一个或多个模块/单元可以是能够完成特定功能的一系列计算机程序指令段，该指令段用于描述所述计算机程序62在所述图形控件生成设备6中的执行过程。例如，所述计算机程序62可以被分割成：
坐标计算单元，用于创建可缩放的矢量图形SVG画布，计算位于所述SVG画布上的图形控件的关键点的坐标位置；
绘制参数生成单元，用于根据所述关键点的坐标位置，结合所述图形控件的外形，生成所述图形控件的绘制参数；
绘制绑定单元，用于根据所述绘制参数绘制生成图形控件，并将所述图形控件与控制指令绑定。
所述图形控件生成设备可包括，但不仅限于，处理器60、存储器61。本领域技术人员可以理解，图6仅仅是图形控件生成设备6的示例，并不构成对图形控件生成设备6的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件，例如所述图形控件生成设备还可以包括输入输出设备、网络接入设备、总线等。
所称处理器60可以是中央处理单元(Central Processing Unit，CPU)，还可以是其他通用处理器、数字信号处理器(Digital Signal Processor，DSP)、专用集成电路(Application Specific Integrated Circuit，ASIC)、现成可编程门阵列(Field－Program mableGate Array，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
所述存储器61可以是所述图形控件生成设备6的内部存储单元，例如图形控件生成设备6的硬盘或内存。所述存储器61也可以是所述图形控件生成设备6的外部存储设备，例如所述图形控件生成设备6上配备的插接式硬盘，智能存储卡(Smart Media Card，SMC)，安全数字(Secure Digital，SD)卡，闪存卡(Flash Card)等。进一步地，所述存储器61还可以既包括所述图形控件生成设备6的内部存储单元也包括外部存储设备。所述存储器61用于存储所述计算机程序以及所述图形控件生成设备所需的其他程序和数据。所述存储器61还可以用于暂时地存储已经输出或者将要输出的数据。
所属领域的技术人员可以清楚地了解到，为了描述的方便和简洁，仅以上述各功能单元、模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能单元、模块完成，即将所述装置的内部结构划分成不同的功能单元或模块，以完成以上描述的全部或者部分功能。实施例中的各功能单元、模块可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中，上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。另外，各功能单元、模块的具体名称也只是为了便于相互区分，并不用于限制本申请的保护范围。上述系统中单元、模块的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。
在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述或记载的部分，可以参见其它实施例的相关描述。
本领域普通技术人员可以意识到，结合本文中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本申请的范围。
在本申请所提供的实施例中，应该理解到，所揭露的装置/终端设备和方法，可以通过其它的方式实现。例如，以上所描述的装置/终端设备实施例仅仅是示意性的，例如，所述模块或单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通讯连接可以是通过一些接口，装置或单元的间接耦合或通讯连接，可以是电性，机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。
所述集成的模块/单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请实现上述实施例方法中的全部或部分流程，也可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一计算机可读存储介质中，该计算机程序在被处理器执行时，可实现上述各个方法实施例的步骤。其中，所述计算机程序包括计算机程序代码，所述计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。所述计算机可读介质可以包括：能够携带所述计算机程序代码的任何实体或装置、记录介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(ROM，Read－Only Memory)、随机存取存储器(RAM，Random Access Memory)、电载波信号、电信信号以及软件分发介质等。需要说明的是，所述计算机可读介质包含的内容可以根据司法管辖区内立法和专利实践的要求进行适当的增减，例如在某些司法管辖区，根据立法和专利实践，计算机可读介质不包括是电载波信号和电信信号。
以上所述实施例仅用以说明本申请的技术方案，而非对其限制；尽管参照前述实施例对本申请进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围，均应包含在本申请的保护范围之内。

Claims (10)

1.一种图形控件生成方法，其特征在于，所述图形控件生成方法包括：
创建可缩放的矢量图形SVG画布，计算位于所述SVG画布上的图形控件的关键点的坐标位置；
根据所述关键点的坐标位置，结合所述图形控件的外形，生成所述图形控件的绘制参数；
根据所述绘制参数绘制生成图形控件，并将所述图形控件与控制指令绑定。
2.根据权利要求1所述的图形控件生成方法，其特征在于，所述根据所述关键点的坐标位置，结合所述图形控件的位置，生成所述图形控件的绘制参数的步骤包括：
根据所述图形控件的外形确定相邻的第一关键点和第二关键点之间的第一连接种类；
根据预设的连接种类与绘制参数的对应关系，查找所述第一连接种类所对应的绘制参数；
根据所述图形控件的外形，以及所述关键点的坐标位置，确定所述绘制参数的参数值。
3.根据权利要求2所述的图形控件生成方法，其特征在于，所述根据预设的连接种类与绘制参数的对应关系，查找所述第一连接种类所对应的绘制参数的步骤包括：
当所述连接种类为圆弧时，所述绘制参数包括弧半长轴长度、弧半短轴长度、弧所在的X轴与水平方向的夹角、弧线角度大小类型、从起点到终点的绘制方向以及终点坐标；
当所述连接种类为线段时，所述绘制参数包括起点坐标和终点坐标。
4.根据权利要求1所述的图形控件生成方法，其特征在于，所述计算位于所述SVG画布上的图形控件的关键点的坐标位置的步骤包括：
获取所述图形控件包括的线条；
根据所述线条的交点确定所述图形控件的关键点，并计算所述关键点的坐标位置。
5.根据权利要求1所述的图形控件生成方法，其特征在于，在所述将所述图形控件与控制指令绑定的步骤之后，所述方法还包括：
在所述图形控件为选中状态时显示第一颜色；
在所述图形控件为未选中状态时，显示第二颜色。
6.一种图形控件生成装置，其特征在于，所述图形控件生成装置包括：
坐标计算单元，用于创建可缩放的矢量图形SVG画布，计算位于所述SVG画布上的图形控件的关键点的坐标位置；
绘制参数生成单元，用于根据所述关键点的坐标位置，结合所述图形控件的外形，生成所述图形控件的绘制参数；
绘制绑定单元，用于根据所述绘制参数绘制生成图形控件，并将所述图形控件与控制指令绑定。
7.根据权利要求6所述的图形控件生成装置，其特征在于，所述绘制参数生成单元包括：
连接种类确定子单元，用于根据所述图形控件的外形确定相邻的第一关键点和第二关键点之间的第一连接种类；
绘制参数确定子单元，用于根据预设的连接种类与绘制参数的对应关系，查找所述第一连接种类所对应的绘制参数；
参数值确定子单元，用于根据所述图形控件的外形，以及所述关键点的坐标位置，确定所述绘制参数的参数值。
8.根据权利要求7所述的图形控件生成装置，其特征在于，所述绘制参数确定子单元包括：
圆弧参数确定模块，用于当所述连接种类为圆弧时，所述绘制参数包括弧半长轴长度、弧半短轴长度、弧所在的X轴与水平方向的夹角、弧线角度大小类型、从起点到终点的绘制方向以及终点坐标；
直线参数确定模块，用于当所述连接种类为线段时，所述绘制参数包括起点坐标和终点坐标。
9.一种图形控件生成设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现如权利要求1至5任一项所述图形控件生成方法的步骤。
10.一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1至5任一项所述图形控件生成方法的步骤。
CN201910714962.6A 2019-08-02 2019-08-02 一种图形控件生成方法、装置及设备 Pending CN110659026A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910714962.6A CN110659026A (zh) 2019-08-02 2019-08-02 一种图形控件生成方法、装置及设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910714962.6A CN110659026A (zh) 2019-08-02 2019-08-02 一种图形控件生成方法、装置及设备

Publications (1)

Publication Number Publication Date
CN110659026A true CN110659026A (zh) 2020-01-07

Family

ID=69036890

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910714962.6A Pending CN110659026A (zh) 2019-08-02 2019-08-02 一种图形控件生成方法、装置及设备

Country Status (1)

Country Link
CN (1) CN110659026A (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114648603A (zh) * 2022-05-19 2022-06-21 杭州比智科技有限公司 一种基于canvas与echarts实现飞线动效的方法及系统

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20030156123A1 (en) * 2002-02-15 2003-08-21 Computer Associates Think, Inc. System and method for specifying elliptical parameters
US20040268300A1 (en) * 2003-06-13 2004-12-30 Camille Huin Graphical computer programming
JP2005182369A (ja) * 2003-12-18 2005-07-07 Hitachi Ltd ベクトル化図形の作成方法および装置
CN109445901A (zh) * 2018-11-14 2019-03-08 江苏中威科技软件系统有限公司 一种跨文件格式的矢量图形工具的绘制方法及装置

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20030156123A1 (en) * 2002-02-15 2003-08-21 Computer Associates Think, Inc. System and method for specifying elliptical parameters
US20040268300A1 (en) * 2003-06-13 2004-12-30 Camille Huin Graphical computer programming
JP2005182369A (ja) * 2003-12-18 2005-07-07 Hitachi Ltd ベクトル化図形の作成方法および装置
CN109445901A (zh) * 2018-11-14 2019-03-08 江苏中威科技软件系统有限公司 一种跨文件格式的矢量图形工具的绘制方法及装置

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114648603A (zh) * 2022-05-19 2022-06-21 杭州比智科技有限公司 一种基于canvas与echarts实现飞线动效的方法及系统
CN114648603B (zh) * 2022-05-19 2022-08-05 杭州比智科技有限公司 一种基于canvas与echarts实现飞线动效的方法及系统

Similar Documents

Publication Publication Date Title
CN109648560B (zh) 工业机器人的空间轨迹过渡方法、系统及机器人
CN108885596A (zh) 数据处理方法、设备、dma控制器及计算机可读存储介质
US20150331415A1 (en) Robotic task demonstration interface
CN110976206B (zh) 点胶控制方法、装置、计算机设备及其存储介质
CN111190589A (zh) 一种可视化的编程方法及终端设备
CN111857037A (zh) 一种过渡轨迹的生成方法、机器人及计算机可读存储介质
CN111195909B (zh) 机器人的舵机控制方法、装置、终端及计算机存储介质
CN111881051A (zh) 测试用例的生成方法、装置、终端及存储介质
CN110659026A (zh) 一种图形控件生成方法、装置及设备
WO2024179475A1 (zh) 机械臂的路点设置方法、装置、电子设备及存储介质
CN111203870B (zh) 舵机运动控制方法、装置及终端设备
CN111968244A (zh) 电力设备虚拟构建方法、装置、系统、终端及存储介质
CN108805849A (zh) 图像融合方法、装置、介质及电子设备
CN111145315A (zh) 绘画方法、装置、玩具机器人及可读存储介质
WO2024131582A1 (zh) 特效生成方法、装置、设备、计算机可读存储介质及产品
CN112700541B (zh) 一种模型更新方法、装置、设备及计算机可读存储介质
CN114055468A (zh) 轨迹复现方法、系统及终端设备
CN109788356A (zh) 一种基于遥控器的智能电视滑屏方法、装置及智能电视
CN112835500B (zh) 一种演示模板的转场方法及装置
WO2021254127A1 (zh) 图像处理方法、装置、设备和存储介质
CN102752491A (zh) 一种卫星轨迹的生成方法及系统
CN110969674B (zh) 一种生成绕线画的方法、装置、终端设备及可读存储介质
CN110908749B (zh) 一种针对显示对象的布局生成方法及装置
CN204291192U (zh) 一种多屏拼接处理器
CN102707917A (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

Application publication date: 20200107

RJ01 Rejection of invention patent application after publication