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

📌 技术架构验证

前端框架：

Vue3 + TypeScript
Canvas核心渲染引擎
SVG DOM操作库

文件解析能力：

PSD解析器：@webtoon/psd
PDF解析：[email protected]
SVG处理：[email protected]

✅ 已验证核心功能

文件处理：

PSD导入：支持图层结构/混合模式/文本样式
PDF还原：保留矢量路径精度（300dpi）
SVG导出：过滤tspan标签处理方案

元素编辑：

多选组合：GroupingController模块
吸附对齐：SnapLineService服务
层级管理：z-index堆栈控制器

⚠️ 技术限制说明

文件格式：

PSD：仅支持RGB模式（不支持CMYK）
SVG：禁用字体嵌套
PDF：最大解析尺寸A0(841×1189mm)

特效支持：

混合模式：正常/正片叠底/滤色
缺失功能：PSD图层样式（外发光/浮雕）

🔧 环境部署指南

开发环境：

Node.js ≥16.13
必需依赖：
• [email protected]
• @webtoon/[email protected]

生产配置：

Nginx静态资源缓存策略
Canvas渲染线程优化

worker_processes auto;