[发明专利]一种对多种类型文件进行矢量编辑设计的方法

说明书

本发明涉及浏览器端文件处理技术领域，特别涉及一种对多种类型文件进行矢量编辑设计的方法。本发明将多个类型的文件通过解析，将解析结果通过json提供给浏览器前端使用。支持多种不同设计文件类型的进一步设计；突破了部分设计工具只能在电脑端或者某种品牌及型号的手机上使用的局限，可以在支持浏览器功能的大多终端上使用；将设计在手机上设计后进行保存，在电脑端或其他支持浏览器的终端上进行进一步设计。获取到的设计要素在浏览器中采用svg格式进行统一个性化设计。Svg是矢量图形类型，对比非矢量图形便于用户进行个性化设计后调整大小等时候不失真。

技术领域

本发明涉及浏览器端文件处理技术领域，特别涉及一种对多种类型文件进行矢量编辑设计的方法。

背景技术

现有技术下，在浏览器端进行图形文件的处理时，需要将photoshop、adobeillustrator、wps等软件生成的设计文件导入到各自设计工具中进行设计。对于多种设计软件生成的文件，需要再次处理时，只能分别利用相应的软件进行处理，这样的不足之处在于：

1.操作复杂，各个设计工具生成的设计结果只能导入到相应的设计软件中才能进行重复设计，比如photoshop生成的设计只能导入到photoshop中，wps生成的设计只能导入到wps中，导致原因为多个设计工具之间的不兼容。

2.无法支持一些个性化设计。导致原因为photoshop等专用工具只提供了大多通用功能，一些个性化设计需求不能得到满足。

3.无法在多种终端进行同步设计。导致原因为特定设计软件只提供了某种终端的应用程序。

4.非矢量编辑的设计软件生成的设计在放大缩小时容易失真。

发明内容

为了解决现有技术的问题，本发明提供了一种对多种类型文件进行矢量编辑设计的方法，其能够导入多种软件的设计文件，并能在此基础上进一步处理，极大的方便了设计人员。

本发明所采用的技术方案如下：

一种对多种类型文件进行矢量编辑设计的方法，包括以下步骤：

A、后端通过接口导入多种类型来源的设计文件；

B、对所述的设计文件进行解析；

C、将解析后的结果信息以json数据交换格式的形式存储到服务器，生成文件信息；

D、根据用户需求调用相应的文件信息，在前端进行显示和再设计。

优选的，步骤B中，所述的设计文件包括PDF格式文件、AI格式文件和PSD格式文件，解析后生成文字图层、图片图层、路径图层。

优选的，对于PDF格式文件的解析方法具体包括：

B11、首先解析文件尾，得到交叉应用表和根对象编号；

B12、然后通过所述的交叉引用表以及根对象编号，逐层解析文档，构建文档数；

B13、将解析到的结果信息以json数据交换格式的形式存储到服务器，生成文件信息；便于与其他模块进行数据交换，PDF的解析结果信息包括文件头、文件内容、交叉引用表、文件尾。

优选的，对于AI格式文件的解析方法具体包括：

AI文件整体结构由开头描述部分、间接对象、交叉索引表、文件尾部组成，所述的交叉索引表保存了所有间接对象在文件中的偏移地址，所有数据信息都保存在间接对象中；解析处理过程为从根节点不断遍历到子节点对象，获取到文件中所存在的多个图层，将文字图层、图片图层路径以json数据交换格式的形式存储到服务器，生成文件信息。

优选的，对于PSD格式文件的解析方法具体包括：