[发明专利]一种矢量图的生成方法和装置

说明书

本申请提供一种矢量图的生成方法和装置，该方法包括：从超文本标记语言文档集合中获取出节点；获取所述节点在所述文档集合对应的第一属性信息；利用所述第一属性信息确定所述节点在矢量图对应的第二属性信息；基于所述第二属性信息，在所述矢量图中记录所述节点对应的矢量数据。通过本申请的技术方案，可以将超文本标记语言文档集合转换成矢量图，即将超文本标记语言文档集合转换为高还原度、高度可编辑、结构简单、不冗余的矢量图，该矢量图可以被设计软件(如Sketch、PhotoShop等)导入、编辑，并进行二次开发。

技术领域

本申请涉及互联网技术领域，尤其涉及一种矢量图的生成方法和装置。

背景技术

HTML(Hyper Text Markup Language，超文本标记语言)是可扩展标记语言的一个应用，HTML通过标记符号来标记需要显示的网页中的各部分。网页文件本身是一种文本文件，通过在文本文件中添加HTML，可以告诉浏览器如何显示其中的内容，如：文字如何处理，画面如何安排，图片如何显示等。

HTML文档包括多个节点，且HTML文档中的节点是分层次的，这些节点的层次被称为HTML文档树。可以将HTML文档节点的层次归纳为如下几种关系：包含(如嵌套、父子、继承)关系、并列(如邻居、相邻、兄弟)关系。

SVG(Scalable Vector Graphics，可缩放矢量图形)是可扩展标记语言的另一个应用，是用于描述二维矢量图形的一种图形格式，通过使用文本格式的描述性语言来描述图像内容，因此是一种和图像分辨率无关的矢量图形格式。SVG可以具有如下优势：可以被非常多的工具(如记事本)读取和修改；尺寸更小、可压缩性更强、可以伸缩扩展；可以在任何分辨率下被高质量地打印。

由于SVG的优势非常明显，因此，目前具有将HTML文档树转换成SVG的需求。而为了将HTML文档树转换成SVG，在传统方式中，可以采用截图技术，对HTML文档树进行截图处理，并将截图后的图像转换为SVG。但是，上述方式得到的SVG无法进行二次开发，即转化后的SVG基本不可用。

发明内容

本申请提供一种矢量图的生成方法，所述方法包括：

从超文本标记语言文档集合中获取出节点；

获取所述节点在所述文档集合对应的第一属性信息；

利用所述第一属性信息确定所述节点在矢量图对应的第二属性信息；

基于所述第二属性信息，在所述矢量图中记录所述节点对应的矢量数据。

本申请提供一种矢量图的生成装置，所述装置包括：

第一获取模块，用于从超文本标记语言文档集合中获取出节点；

第二获取模块，用于获取所述节点在所述文档集合对应的第一属性信息；

确定模块，用于利用第一属性信息确定节点在矢量图对应的第二属性信息；

生成模块，用于基于第二属性信息，在矢量图中记录节点对应的矢量数据。

基于上述技术方案，本申请实施例中，可以利用节点在超文本标记语言文档集合的第一属性信息确定节点在矢量图的第二属性信息，并基于第二属性信息，在矢量图中记录矢量数据。这样，可以将超文本标记语言文档集合转换成矢量图，即转换为高还原度、高度可编辑、结构简单、不冗余的矢量图，该矢量图可以被设计软件(如Sketch、PhotoShop等)导入、编辑，并进行二次开发。

附图说明

为了更加清楚地说明本申请实施例或者现有技术中的技术方案，下面将对本申请实施例或者现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请中记载的一些实施例，对于本领域普通技术人员来讲，还可以根据本申请实施例的这些附图获得其它的附图。