[发明专利]一种图形控件生成方法、装置及设备

说明书

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

技术领域

本申请属于玩具机器人领域，尤其涉及一种图形控制生成方法、装置及设备。

背景技术

随着科学技术的发展，青少年所使用的玩具也越来越丰富。比如，目前所开发的积木机器人，既可以将积木拼装为不同样式的机器人，提高用户的拼装动手能力，又可以将拼装后的机器人与智能终端连接，通过智能终端控制所述机器人移动，可以设定系列动作，控制机器人完成所期望的动作，比如跳舞等，有利于提高用户的逻辑思维能力。

在用户对机器人进行控制时，通常需要使用图形按键，比如控制移动方向的方向按键等。目前的玩具厂商一般是通过CSS(层叠样式表)控制DIV(图层)布局的方式，来绘制终端中的图形控件。由于通过CSS控制DIV布局的方式所绘制的图形控制，在适应不同的尺寸的设备进行缩放时容易失真，调整控件大小较为麻烦，而且容易出现图形控件重叠，不利于快速查找所需要的图形控件。

发明内容

有鉴于此，本申请实施例提供了一种图形控件生成方法、装置及设备，以解决现有技术中图形控件通过CSS控制DIV布局的方式所绘制时，容易失真，且调整控件大小较为麻烦，容易出现图形控件重叠，不利于快速查找所需要的图形控件的问题。

本申请实施例的第一方面提供了一种图形控件生成方法，所述图形控件生成方法包括：

创建可缩放的矢量图形SVG画布，计算位于所述SVG画布上的图形控件的关键点的坐标位置；

根据所述关键点的坐标位置，结合所述图形控件的外形，生成所述图形控件的绘制参数；

根据所述绘制参数绘制生成图形控件，并将所述图形控件与控制指令绑定。

结合第一方面，在第一方面的第一种可能实现方式中，所述根据所述关键点的坐标位置，结合所述图形控件的位置，生成所述图形控件的绘制参数的步骤包括：

根据所述图形控件的外形确定相邻的第一关键点和第二关键点之间的第一连接种类；

根据预设的连接种类与绘制参数的对应关系，查找所述第一连接种类所对应的绘制参数；

根据所述图形控件的外形，以及所述关键点的坐标位置，确定所述绘制参数的参数值。

结合第一方面的第一种可能实现方式，在第一方面的第二种可能实现方式中，所述根据预设的连接种类与绘制参数的对应关系，查找所述第一连接种类所对应的绘制参数的步骤包括：

当所述连接种类为圆弧时，所述绘制参数包括弧半长轴长度、弧半短轴长度、弧所在的X轴与水平方向的夹角、弧线角度大小类型、从起点到终点的绘制方向以及终点坐标；

当所述连接种类为线段时，所述绘制参数包括起点坐标和终点坐标。

结合第一方面，在第一方面的第三种可能实现方式中，所述计算位于所述SVG画布上的图形控件的关键点的坐标位置的步骤包括：

获取所述图形控件包括的线条；

根据所述线条的交点确定所述图形控件的关键点，并计算所述关键点的坐标位置。

结合第一方面，在第一方面的第四种可能实现方式中，在所述将所述图形控件与控制指令绑定的步骤之后，所述方法还包括：

在所述图形控件为选中状态时显示第一颜色；