说明

这套 Vue 源码把“在线做图”这件事直接搬到浏览器里，不用装 PS，也能做出高颜值海报。它用 Canvas 当画板，功能对标稿定设计，却完全开源，MIT 协议随便改、随便商用。

打开就能玩：
– 左边是素材栏，右边是属性面板，中间画布想拉多大就拉多大，标尺、缩放、拖拽一条龙。
– 做图最怕手抖，它给你无限撤销/重做，Ctrl+Z 随便按；右键菜单、快捷键配齐，操作快得飞起。

文件想进想出都方便：
– PDF 扔进去，文字排版 1:1 还原（暂时别带裁剪图）。
– PSD 进来，图层、混合模式、亮度对比度照样认，特效不丢。
– SVG 也能吃，只是 tspan 字体先忍忍。
– 做完一键导出 PNG、JPG、SVG、PDF，打印、发朋友圈、做电商主图随你挑。

页面管理像 PPT：
想加页点“+”，想删页点“×”，拖拽排序一秒搞定；背景纯色、渐变、上传图随便换，画布尺寸预设了海报、公众号封面、电商长图等常用比例，也能自定义。

元素想怎么折腾都行：
– 文字：颜色、字号、加粗、斜体、下划线、项目符号、行距、缩进、清除格式，应有尽有。
– 图片：滤镜、蒙版、阴影、边框、翻转、裁剪，点点鼠标就搞定。
– 形状/线条：填充、描边、透明度、虚线、箭头、阴影全支持，还能双击直接加文字。
– 多选、组合、对齐、吸附、层级前移后移，拖拉之间就能排得整整齐齐。

亮点小结：
1. 纯前端 Vue，前后端分离，部署简单，一条命令跑起来。
2. 插件式架构，后续将支持 CDR、AI 更多格式，开发者想接啥自己写。
3. 响应式布局，电脑、平板都能用，触屏也支持。
4. 社区活跃，issue 回复快，二开不踩坑。

一句话：想给公众号做封面、给店铺做banner、给文章做长图，却又不想开 PS、不想买会员，直接把这套源码薅走，部署到自己的域名，立刻拥有专属“稿定设计”在线版。

演示图

感谢您的来访，获取更多精彩文章请收藏本站。