一种对多种类型文件进行矢量编辑设计的方法与流程

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


背景技术：

2.现有技术下，在浏览器端进行图形文件的处理时，需要将photoshop、adobe illustrator、wps等软件生成的设计文件导入到各自设计工具中进行设计。对于多种设计软件生成的文件，需要再次处理时，只能分别利用相应的软件进行处理，这样的不足之处在于：
3.1.操作复杂，各个设计工具生成的设计结果只能导入到相应的设计软件中才能进行重复设计，比如photoshop生成的设计只能导入到photoshop中，wps生成的设计只能导入到wps中，导致原因为多个设计工具之间的不兼容。
4.2.无法支持一些个性化设计。导致原因为photoshop等专用工具只提供了大多通用功能，一些个性化设计需求不能得到满足。
5.3.无法在多种终端进行同步设计。导致原因为特定设计软件只提供了某种终端的应用程序。
6.4.非矢量编辑的设计软件生成的设计在放大缩小时容易失真。


技术实现要素：

7.为了解决现有技术的问题，本发明提供了一种对多种类型文件进行矢量编辑设计的方法，其能够导入多种软件的设计文件，并能在此基础上进一步处理，极大的方便了设计人员。
8.本发明所采用的技术方案如下：
9.一种对多种类型文件进行矢量编辑设计的方法，包括以下步骤：
10.a、后端通过接口导入多种类型来源的设计文件；
11.b、对所述的设计文件进行解析；
12.c、将解析后的结果信息以json数据交换格式的形式存储到服务器，生成文件信息；
13.d、根据用户需求调用相应的文件信息，在前端进行显示和再设计。
14.优选的，步骤b中，所述的设计文件包括pdf格式文件、ai格式文件和psd格式文件，解析后生成文字图层、图片图层、路径图层。
15.优选的，对于pdf格式文件的解析方法具体包括：
16.b11、首先解析文件尾，得到交叉应用表和根对象编号；
17.b12、然后通过所述的交叉引用表以及根对象编号，逐层解析文档，构建文档数；
18.b13、将解析到的结果信息以json数据交换格式的形式存储到服务器，生成文件信息；便于与其他模块进行数据交换，pdf的解析结果信息包括文件头、文件内容、交叉引用
表、文件尾。
19.优选的，对于ai格式文件的解析方法具体包括：
20.ai文件整体结构由开头描述部分、间接对象、交叉索引表、文件尾部组成，所述的交叉索引表保存了所有间接对象在文件中的偏移地址，所有数据信息都保存在间接对象中；解析处理过程为从根节点不断遍历到子节点对象，获取到文件中所存在的多个图层，将文字图层、图片图层路径以json数据交换格式的形式存储到服务器，生成文件信息。
21.优选的，对于psd格式文件的解析方法具体包括：
22.psd的文件信息包括文件头信息、颜色映射表、图像资源、图层与蒙版信息、图像数据，其解析处理过程为解析psd格式文件中的文本图层与图像资源，并将结果以json数据交换格式的形式存储到服务器，生成文件信息。
23.优选的，所述步骤d中，在前端进行再设计采用svg格式文件。
24.优选的，前端为浏览器端。
25.优选的，在图片图层上提供个性化设计，包括：样式特效、滤镜特效、透明度调整、翻转、投影；在文字图层上提供个性化功能，包括：字体特效、字体大小调整、横竖翻转、字间距调整。
26.本发明提供的技术方案带来的有益效果是：
27.1.对多种类型来源的设计文件进行导入解析，生成文字图层、图片图层、路径图层，将各个图层元素显示在前端设计页中。
28.2.可以导入多个软件设计出的结果，并在此基础上进行进一步设计。
29.3.提供满足自身行业需求的个性化设计功能。
30.4.提供浏览器上的设计工具，在能支持浏览器的终端上都能进行设计。
31.综上所述，本发明将多个类型的文件(比如pdf、psd、ai等)通过解析，将解析结果通过json提供给浏览器前端使用。支持多种不同设计文件类型的进一步设计；突破了部分设计工具只能在电脑端或者某种品牌及型号的手机上使用的局限，可以在支持浏览器功能的大多终端上使用；将设计在手机上设计后进行保存，在电脑端或其他支持浏览器的终端上进行进一步设计。获取到的设计要素在浏览器中采用svg格式进行统一个性化设计。svg是矢量图形类型，对比非矢量图形便于用户进行个性化设计后调整大小等时候不失真。
附图说明
32.为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
33.图1为本发明的一种对多种类型文件进行矢量编辑设计的方法的方法流程图。
具体实施方式
34.为使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明实施方式作进一步地详细描述。
35.实施例一
36.如附图1所示，本实施例提供一种对多种类型文件进行矢量编辑设计的方法，其包括以下步骤：
37.整体处理分为文件解析(ai、psd、pdf等)、后端接口层提供接口、前端根据用户请求调用接口载入文件信息，在载入文件信息基础上进行个性化设计。
38.1、响应用户请求
39.在设计页面按照用户选择的文件进行对文件信息的载入，由前端将用户请求信息发送给后端，后端通过调用相应服务提供文件解析结果到前端，在前端进行解析结果的显示。设计页的实现采用浏览器技术中svg格式。
40.2、文件解析
41.pdf解析过程为首先解析文件尾，得到交叉应用表和根对象编号；然后通过交叉引用表以及根对象编号，逐层解析文档，构建文档数；将解析到结果信息存储到数据交换格式json及服务器，便于与其他模块进行数据交换，pdf的解析结果信息包括文件头、文件内容、交叉引用表、文件尾。
42.ai文件整体结构类似于pdf结构，主要由开头描述部分、间接对象、交叉索引表、文件尾部组成，其中交叉索引表保存了所有间接对象在文件中的偏移地址，所有数据信息都保存在间接对象中。解析处理过程为从根节点不断遍历到子节点对象，获取到文件中所存在的多个图层，将文字图层、图片图层路径存储到数据交换格式json中，将里面包含的图片存储到后台服务器。
43.psd的文件信息包括文件头信息、颜色映射表、图像资源、图层与蒙版信息、图像数据。其解析处理过程为解析psd文件中的文本图层与图像资源等信息，并将结果存储到数据交换格式json及后台服务器。
44.3、后端存储及接口
45.将所请求的pdf、ai、psd结果信息存储到json接口及服务器上，根据前端的请求调用文件解析服务，并将数据交换格式json中的数据、图像数据等发送给前端。
46.4、个性化设计
47.在图片图层上提供样式特效、滤镜特效、透明度调整、翻转、投影等个性化设计功能，在文字图层上提供字体特效、字体大小调整、横竖翻转、字间距调整等功能。
48.以上所述仅为本发明的较佳实施例，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。