用Vue实现海报排版设计功能
2018-06-13 本文已影响22人
Codebearsh
一、前言
本来想做个微信小程序,实现一键生成海报图片(可替换文字、图片,不需要用户排版),所以后台管理系统上需要实现一个制作海报模板的功能(“简单版ps”),写了挺长时间的,逻辑太多了,现在写得差不多了,但是由于各种事情项目一直没有进展,估计是没能做完了,所以把这个“简单版ps”开源出来。
二、界面
![](https://img.haomeiwen.com/i2928389/7db4befe7a873fae.png)
![](https://img.haomeiwen.com/i2928389/8a7fc21124dd6773.png)
三、动态效果图
![](https://img.haomeiwen.com/i2928389/cfc850639f4e42b2.gif)
四、github源码地址(欢迎star,谢谢~)
https://github.com/CB-ysx/pageDesign
五、在线预览地址
http://pagedesign.codebear.cn/
六、项目结构(主要的文件)
![](https://img.haomeiwen.com/i2928389/c5890fbeab8a5d5d.png)
![](https://img.haomeiwen.com/i2928389/c5f608b2b123971c.png)
七、代码
因为代码比较多,还是直接看项目好了https://github.com/CB-ysx/pageDesign
主要操作在 src/store/modules/pageDesign.js 文件里