[发明专利]一种基于web浏览器的矢量图形创作平台及创作方法

说明书

本发明公开了一种基于web浏览器的矢量图形创作平台及创作方法，方法包括：预先将矢量图形创作致平台内置在web浏览器中；接收用户的矢量图形创作指令，控制打开web浏览器，进入矢量图形创作平台；获取用户输入的矢量图形，根据用户的编辑指令对矢量图形进行编辑；对编辑后的矢量图形进行存储，完成矢量图形创作。本发明实施例基于浏览器环境，使用WEB前端技术栈进行开发，实现了能在pc端，移动端等多种环境条件下进行矢量图形创作和编辑的工具。大大降低了普通用户的矢量图创作和设计的门槛，高效而方便。

技术领域

本发明涉及图形处理技术领域，尤其涉及一种基于web浏览器的矢量图形创作平台及创作方法。

背景技术

矢量图形记录图形的点坐标和路径信息，svg图片是最常见的矢量图形，区别于普通的jpeg、jpg、png等位图图片，svg图片表现效果跟分辨率的缩放无关，不用像位图记录每个像素点的信息，因此图片体积会小很多。矢量图形广泛应用于各种web平台、PC端和移动端网页，微信H5、APP内嵌的webview页面，各大app的小程序比如微信小程序、支付宝小程序，尤其是偏向创作和设计的领域。例如可以用于字体图标，插画、logo、字体设计、svg动画、svg图表等领域。

目前市面上主流的矢量图形创作和设计工具通过重量级专业的桌面设计软件Adobe illustrator(AI)、AutoCAD、Sketch、Photoshop等等，安装包占用空间大，操作复杂，对于普通用户和小朋友不太友好。还有一种方式是下载使用别人设计好的矢量图；比如阿里巴巴的字体图库，使用别人设计好的矢量图库成本高，而且学习难度大。

因此，现有技术还有待于改进和发展。

发明内容

鉴于上述现有技术的不足，本发明的目的在于提供一种基于web浏览器的矢量图形创作平台及创作方法，旨在解决现有技术矢量图形创作工具操作难度大，不方便初学者学习的问题。

本发明的技术方案如下：

一种基于web浏览器的矢量图形创作平台，所述平台包括：

矢量图导入模块，所述矢量图导入模块用于解析用户导入的矢量图，并获取矢量图的参数；

路径转换模块，所述路径转换模块用于根据用户的路径转换指令生成对应的矢量图路径；

画笔模块，所述画笔模块用于对矢量图进行绘制；

橡皮模块，所述橡皮模块用于根据用户的操作，对矢量图进行擦除；

文字编辑模块，所述文字编辑模块用于根据用户的指令对矢量图的文字进行编辑；

位图与矢量图转换模块，所述位图与矢量图转换模块用于根据用户的转换指令，将位图转换为矢量图；

矢量图编辑模块，所述矢量图编辑模块用于对多张矢量图进行合并和裁剪操作；

动画帧处理模块，所述动画帧处理模块用于对动画帧进行编辑，导出编辑后的动画帧文件。

可选地，所述平台还包括矢量图导出模块，所述矢量图导出模块用于将矢量图转换为工程文件格式的矢量图文件。

可选地，所述平台还包括工程状态恢复模块，所述工程状态恢复模块用于根据导入的矢量图文件，恢复工程状态。

可选地，所述画笔模块包括普通画笔单元和像素画笔单元，

所述普通画笔单元用于绘制非像素图形，

所述像素画笔单元用于绘制像素图形。

可选地，所述橡皮模块包括普通橡皮单元和像素橡皮单元，所述普通橡皮单元用于对非像素图形进行擦除，所述像素橡皮单元用于对像素图形进行擦除。