【开源海报设计源码】Vue+Canvas在线编辑器 | PSD/PDF精准解析 | MIT许可商用

📌 技术架构验证

1. 前端框架：
   • Vue3 + TypeScript
   • Canvas核心渲染引擎
   • SVG DOM操作库
2. 文件解析能力：
   • PSD解析器：@webtoon/psd
   • PDF解析：pdfjs-dist@2.14
   • SVG处理：svg.js@3.0

✅ 已验证核心功能

1. 文件处理：
   • PSD导入：支持图层结构/混合模式/文本样式
   • PDF还原：保留矢量路径精度（300dpi）
   • SVG导出：过滤tspan标签处理方案
2. 元素编辑：
   • 多选组合：GroupingController模块
   • 吸附对齐：SnapLineService服务
   • 层级管理：z-index堆栈控制器

⚠️ 技术限制说明

1. 文件格式：
   • PSD：仅支持RGB模式（不支持CMYK）
   • SVG：禁用字体嵌套
   • PDF：最大解析尺寸A0(841×1189mm)
2. 特效支持：
   • 混合模式：正常/正片叠底/滤色
   • 缺失功能：PSD图层样式（外发光/浮雕）

🔧 环境部署指南

1. 开发环境：
   • Node.js ≥16.13
   • 必需依赖：
     • canvas@2.11
     • @webtoon/psd@1.4
2. 生产配置：
   • Nginx静态资源缓存策略
   • Canvas渲染线程优化

worker_processes auto;