用Vue实现海报排版设计功能

作者: Codebearsh | 来源:发表于2018-06-13 15:05 被阅读22次

用Vue实现海报排版设计功能
常用的设计板式方式
作业5，排版设计，2020主题海报
【慕恬瑶】多种平面设计排版版型，轻松为你解决排版难题
接口测试
美食海报分享与赏析
uni-app之canvas实现海报分享
Ant Design Vue 使用-引入 ant-design-
用Vue实现一个全选指令
2019-10-28

一、前言

本来想做个微信小程序，实现一键生成海报图片（可替换文字、图片，不需要用户排版），所以后台管理系统上需要实现一个制作海报模板的功能（“简单版ps”），写了挺长时间的，逻辑太多了，现在写得差不多了，但是由于各种事情项目一直没有进展，估计是没能做完了，所以把这个“简单版ps”开源出来。

二、界面

三、动态效果图

四、github源码地址（欢迎star，谢谢~）

https://github.com/CB-ysx/pageDesign

五、在线预览地址

http://pagedesign.codebear.cn/

六、项目结构（主要的文件）

七、代码

因为代码比较多，还是直接看项目好了https://github.com/CB-ysx/pageDesign

主要操作在 src/store/modules/pageDesign.js 文件里

用Vue实现海报排版设计功能
一、前言本来想做个微信小程序，实现一键生成海报图片（可替换文字、图片，不需要用户排版），所以后台管理系统上需要实...
常用的设计板式方式
设计师在日常的排版制作当中，网页设计，app设计，宣传册的设计，海报的设计，LOGO的设计都需要进行排版，因此选择...
作业5，排版设计，2020主题海报
作业5，排版设计，2020主题海报排版内容：以2020的排版设计为例。 1、主要元素：2020图，文字如“王者荣...
【慕恬瑶】多种平面设计排版版型，轻松为你解决排版难题
多种平面设计排版版型，轻松为你解决排版难题在海报、杂志、网页、书籍……中，排版的好坏，直接影响整体的设计效果。同...
接口测试
流程：需求讨论-需求评审-场景设计-用例设计-数据准备-执行用例：功能（功能是否正常，功能是否按接口文档实现），...
美食海报分享与赏析
美食海报摄影与平面设计格调色彩与构图排版与文字
uni-app之canvas实现海报分享
用uni-app实现微信小程序海报分享功能微信小程序基础库2.9.0以后canvas新api实现，本文实现是用2...
Ant Design Vue 使用-引入 ant-design-
Ant Design Vue 是使用 Vue 实现的遵循 Ant Design 设计规范的高质量 UI 组件库，用...
用Vue实现一个全选指令
最近用vue做了两个项目，都需要实现全选反选的功能，两个项目用了两种实现方法，第一个项目用vue的computed...
2019-10-28
课程设计课堂表现作品这节课的重点讲解海报设计排版，有的作品效果还是很不错，但有的作品在排版上还有待提高，画面...