[发明专利]图形转换方法及装置

说明书

技术领域

本发明涉及电学领域，具体而言，涉及一种图形转换方法及装置。

背景技术

Echart提供了多种二维平面地图，包括中国地图、各个省级地图和各省市级地图，为展示区域性数据提供了很好的图形平台。但是，当用户需要各个区域更详细的数据，并通过另外一种图形，例如3D柱形图，结合展示时，平面的地图已无法给予用户一种很好的视觉体验。

现有的Echart的平面地图和highcharts的3D柱形图结合展示数据的方式，无法给予用户一种很好的视觉体验，变形后的Echart地图中的各个区域在父级元素中的位置随着地图的变形也发生了变化，所以highchart的3D柱形图在与变形后的地图进行结合时，柱形图的位置无法准确定位在对应的区域。

针对相关技术中平面地图与3D柱形图进行图像转换时准确性低的问题，目前还没有有效地解决方案。

发明内容

本发明实施例提供了一种图形转换方法及装置，以至少解决相关技术中平面地图与3D柱形图进行图像转换时准确性低的问题。

根据本发明的一个实施例，提供了一种图形转换方法，包括：通过样式设计工具对原图形进行变形，得到变形图形；获取所述原图形变形到所述变形图形的重定位信息，其中，所述重定位信息用于指示所述原图形上的点对应的所述变形图形上的点的位置信息；根据所述重定位信息将所述变形图形转换为3D柱形图。

可选地，获取所述原图形变形到所述变形图形的重定位信息包括：获取所述原图形上的点的原始位置信息并将所述原始位置信息转换为三维坐标系位置信息；根据旋转角度以及所述三维坐标系位置信息确定所述重定位信息，其中，所述旋转角度指所述变形图形相对于所述原图形的旋转角度。

可选地，在根据所述重定位信息将所述变形图形转换为3D柱形图之后，所述方法还包括：获取所述变形图形上的点在显示页面上的节点位置信息，其中，所述节点位置信息用于指示上所述变形图形上的点对应的所述显示页面上的节点的位置；根据所述节点位置信息与所述重定位信息确定所述变形图形上的点在所述显示页面上的显示位置信息，其中，所述显示位置信息用于指示所述变形图形显示在所述显示页面上的位置；根据所述显示位置信息在所述显示页面上显示所述3D柱形图。

可选地，通过所述样式设计工具对原图形进行变形，得到变形图形包括：通过层级样式表CSS3的变形transform属性对所述原图形进行变形，得到所述变形图形，其中，所述CSS3的transform属性包括以下至少之一：旋转、缩放、位移。

可选地，通过CSS3的transform属性对所述原图形进行变形，得到所述变形图形包括：通过transform属性中的旋转子属性rotateX将所述原图形以预设参考轴为中心旋转预设角度；通过transform属性中的等比缩放子属性Scale将旋转预设角度后的图形等比放大预设倍数，得到所述变形图形。

根据本发明的另一个实施例，提供了一种图形转换装置，包括：变形模块，用于通过样式设计工具对原图形进行变形，得到变形图形；第一获取模块，用于获取所述原图形变形到所述变形图形的重定位信息，其中，所述重定位信息用于指示所述原图形上的点对应的所述变形图形上的点的位置信息；转换模块，用于根据所述重定位信息将所述变形图形转换为3D柱形图。

可选地，所述第一获取模块包括：获取单元，用于获取所述原图形上的点的原始位置信息并将所述原始位置信息转换为三维坐标系位置信息；确定单元，用于根据旋转角度以及所述三维坐标系位置信息确定所述重定位信息，其中，所述旋转角度指所述变形图形相对于所述原图形的旋转角度。

可选地，所述装置还包括：第二获取模块，用于获取所述变形图形上的点在显示页面上的节点位置信息，其中，所述节点位置信息用于指示上所述变形图形上的点对应的所述显示页面上的节点的位置；确定模块，用于根据所述节点位置信息与所述重定位信息确定所述变形图形上的点在所述显示页面上的显示位置信息，其中，所述显示位置信息用于指示所述变形图形显示在所述显示页面上的位置；显示模块，用于根据所述显示位置信息在所述显示页面上显示所述3D柱形图。

可选地，所述变形模块包括：变形单元，用于通过CSS3的transform属性对所述原图形进行变形，得到所述变形图形，其中，所述CSS3的transform属性包括以下至少之一：旋转、缩放、位移。