【技术实现步骤摘要】
本专利技术涉及图像处理，特别是基于fabric.js的移动端海报编辑系统及使用方法。
技术介绍
1、随着移动互联网的快速发展，用户对于移动应用的个性化需求日益增长。海报作为一种重要的视觉传播工具，其创作和编辑的便捷性成为用户关注的重点。然而，现有的移动端海报编辑工具大多功能单一，操作复杂，难以满足用户对个性化海报的编辑需求。
2、现有技术中海报编辑完成后，得到的仅是单张海报数据，且已经编辑好进行保存退出编辑软件后不能对编辑好的海报再次进行编辑，无法对历史海报进行重复修改。
3、现有技术公开如下技术：图片编辑方法与终端 ；公开号cn 107656679a；申请日2018.09.28，包括如下步骤：步骤(1)使用lda概率主题模型，提取文本的主题概率分布以及主题的词汇分布，构建图像主题数据集；利用图像主题数据集，预训练图像主题预测模型；步骤(2)结合图像主题，对图像进行目标检测，得到目标特征x和全局特征v，并融合全局特征v、目标特征x、类别特征z以及主题特征t得到关系特征y，对检测的目标(obj)预测其属性(attr)以及目标间的关系(rel)，生成图像场景图；步骤(3)对图像场景图生成模型进行训练，挑选最优训练模型；将图片输入训练好的图像场景图生成模型，输出对应的图像场景图；步骤(4)使用显著性检测方法u-2-net对图像进行显著性检测，并利用显著性检测的结果得到图像中各像素点的显著值，通过分析图像的显著值，得到图像的显著性区域；步骤(5)结合显著性区域以及生成的图像场景图，根据定义规则，保留场景图中反映图
4、上述技术都是针对图片编辑方法与终端进行，但客户对海报有意见需要修改的时候无法快速追溯到对应的操作中，难以实现海报的快速修改，时常出现重做或者不好修改的问题。
技术实现思路
1、本专利技术提供了一种基于fabric.js的移动端海报编辑系统，来解决不能满足用户对个性化海报的编辑需求的问题，具体方案如下：用户界面模块、fabric.js引擎模块、素材库模块、交互控制模块、数据存储与分享模块；
2、用户界面模块展示海报编辑界面，包括画布、工具栏和素材库，素材库模块为用户界面模块提供素材库，fabric.js引擎模块为用户界面模块提供工具栏，工具栏包括：添加图像元素、编辑图像元素、撤销、重做，在海报上的编辑功能由fabric.js引擎模块提供，fabric.js引擎提供图形绘制和编辑功能，允许用户在画布上添加、移动、缩放、旋转和删除各种图形元素，图形元素包括文字、图片和形状；素材库模块：包含丰富的海报设计素材，如背景图片、图标、字体。用户从素材库中选择合适的素材添加到海报中，增强海报的视觉效果。用户选择将当前海报编辑过程中绘画出的海报素材进行组合新的素材保存在素材库中，用户通过触摸操作素材库在画布上进行海报的创建和编辑；通过交互控制模块负责处理用户的触摸操作，将用户的操作意图转化为对画布上图形元素的相应操作，以实现海报的创建和编辑；编辑好的海报通过交互控制模块进行数据存储，并通过分享模块将编辑好的海报数据存储在本地或者将海报分享到社交媒体或其他平台；同时将编辑好的海报与编辑记录表同时保存在云端。
3、优选的，所述海报创建和编辑中用户每进行一步操作时，记录用户的操作时间、类别、以及对操作前后的图像进行保存，记录在海报的编辑记录表中，在用户完成编辑后，编辑好的海报通过数据存储与分享模块将编辑好的海报数据存储在本地或者将海报分享到社交媒体或其他平台；同时将编辑好的海报与编辑记录表同时保存在云端；
4、在云端中选择历史编辑过的海报，将云端存储的海报以及海报对应的编辑记录下载，在编辑界面显示，显示编辑记录表和海报显示区域；编辑记录表逐行对应历史编辑过程中的一次操作，用户通过点击编辑记录表中某一行，海报显示区域中显示对应的操作后的海报内容，以提供对历史海报进行重复修改；更新编辑记录表时，在原始编辑记录表的基础上增加新行，新行记录最新编辑的操作。
5、一种基于fabric.js的移动端海报编辑系统的使用方法，包括如下步骤：
6、步骤一、首先展示用户界面模块中的编辑界面，用户界面模块负责在屏幕上展示海报编辑界面，包括画布、工具栏、素材库等，用户通过触摸操作在画布上进行海报的创建和编辑；
7、步骤二、用户在屏幕上进行触摸操作，创建出一个空白海报，可选择海报的形状和底色；
8、步骤三、用户在屏幕上进行编辑操作，每操作一次时，记录该操作，以及该操作前后对应的海报数据，记录在编辑记录中；
9、步骤四、在用户完成编辑后，编辑好的海报通过数据存储与分享模块将编辑好的海报数据存储在本地或者将海报分享到社交媒体或其他平台；同时将编辑好的海报与编辑记录表同时保存在云端；
10、步骤五、用户通过调用存在云端的数据对历史编辑过的海报进行重编辑操作。
11、本专利技术的有益效果：1. fabric.js引擎模块提供丰富的图形绘制和编辑功能，满足用户对个性化海报的编辑需求。2.操作简单直观，用户可以通过触摸操作轻松完成海报的创建和编辑。3. 更新编辑记录表时，在原始编辑记录表的基础上，首先在编辑记录表最后加上行，下一行为最新编辑的操作。能够追溯到任意时刻的海报，区别于现有撤回操作，目标操作执行了撤回再编辑不能回到目标操作之后操作对应的海报。
本文档来自技高网...【技术保护点】
1.一种基于Fabric.js的移动端海报编辑系统，其特征在于包括如下模块：用户界面模块、Fabric.js引擎模块、素材库模块、交互控制模块、数据存储与分享模块；
2.根据权利要求1所述一种基于Fabric.js的移动端海报编辑系统，其特征在于所述海报创建和编辑中用户每进行一步操作时，记录用户的操作时间、类别、以及对操作前后的图像进行保存，记录在海报的编辑记录表中，在用户完成编辑后，编辑好的海报通过数据存储与分享模块将编辑好的海报数据存储在本地或者将海报分享到社交媒体或其他平台；同时将编辑好的海报与编辑记录表同时保存在云端；
3.根据权利要求1或2所述一种基于Fabric.js的移动端海报编辑系统的使用方法，其特征在于包括如下步骤：
【技术特征摘要】
1.一种基于fabric.js的移动端海报编辑系统，其特征在于包括如下模块：用户界面模块、fabric.js引擎模块、素材库模块、交互控制模块、数据存储与分享模块；
2.根据权利要求1所述一种基于fabric.js的移动端海报编辑系统，其特征在于所述海报创建和编辑中用户每进行一步操作时，记录用户的操作时间、类别、以及对操...
【专利技术属性】
技术研发人员：乔广科，崔冬亮，庄梦蝶，曹伟，
申请(专利权)人：中电万维信息技术有限责任公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。