[发明专利]一种基于Canvas的广告图片处理系统

权利要求书

1.一种基于Canvas的广告图片处理系统，其特征在于：包括系统实现流程模块、系统模块、模板结构模块；

所述系统实现流程模块包括待处理的文本素材、图片素材或图形素材的元素、将元素实例化的前端页面以及接收前端页面压缩的具有储存原始元素数据以及储存最终生成图片的后台；

所述系统模块包括用户模块、模板创意模块和可视化编辑模块；

所述模板结构模块包括多个方便用户批量操作的分组。

2.根据权利要求1所述的基于Canvas的广告图片处理系统，其特征在于：所述前端包括：

将元素实例化为内存对象，并存为Json字符串；

用户对元素进行对应操作时，修改对应对象的属性；

Canvas将元素对象渲染到和合成到页面上；

使用getImageData方法，获取Canvas上的位图(RGBA)数据；

对位图对象进行Base64编码用于数据传输；

对图像进行算法操作；

根据图片规格，偏移和缩放对应全局元素的位置和大小；

对设置了裁剪和抠图的图片元素进行裁剪和容差计算；

之后进行位图(RGBA)操作，色度，对比度，饱和度，反相，各种滤镜效果；

最后前端将完成的创意数据(Json串)和生成的图片(Base64编码)进行压缩后发送给后台。

3.根据权利要求1所述的的基于Canvas的广告图片处理系统，其特征在于：所述后台接收前端完成的创意数据(Json串)和生成的图片(Base64编码)的压缩文件；将创意数据存储数据库，作为模板给其他用户使用，并将生成后的图片，存储在图片下载目录，用户也可直接下载图片使用。

4.根据权利要求1所述的的基于Canvas的广告图片处理系统，其特征在于：所述用户模块包括用户注册，登陆、邮箱验证，密码找回、用户信息完善和权限管理；所述模板创意模块包括首页条幅、再营销素材和模板审核；所述可视化编辑模块包括文本元素编辑、图片元素编辑、图形元素编辑和图片加工处理模块。

5.根据权利要求1所述的的基于Canvas的广告图片处理系统，其特征在于：所述分组包括矩形分组、横幅分组、竖幅分组和自定义分组。

6.根据权利要求1所述的的基于Canvas的广告图片处理系统，其特征在于：所述元素包括全局元素、分组元素、规格元素。

7.根据权利要求5或6所述的的基于Canvas的广告图片处理系统，其特征在于：所述全局元素与矩形分组、横幅分组、竖幅分组和自定义分组对应；所述分组元素与所述矩形元素对应；所述规格元素与所述自定义分组对应。