海报设计
图片文字多图层堆叠，拖拽排版后导出
画布 1080×1440 · 预览 44% · 图层 3
文件不会上传服务器，全部在你的浏览器本地处理
自己逐层绘制，预览就是导出结果，支持 2×/3× 无损放大，字间距与描边可精确控制。
- 日期
- 副标题
- 主标题
排版与导出全部在浏览器内完成，图片和文字不会上传到服务器；草稿只保存在本机 localStorage。
功能介绍
一个在浏览器里跑的轻量海报排版工具：画布上可以叠加任意多个图片图层与文本图层，直接用鼠标或手指拖动摆位、拖角等比缩放、拖顶部圆点旋转，拖动时会自动吸附到画布中线、边缘以及其他图层的边与中心并显示参考线，方向键可以逐像素微调。图层面板支持改名、显示隐藏、锁定、上下调整层级、复制与删除。文本图层可设置字体、字号、颜色、粗斜体、行高、字间距、对齐、内边距、底色、描边与阴影，宽度即折行宽度，高度按行数自动计算；图片图层支持 cover/contain/fill 三种填充方式、圆角与还原原始比例。背景可选纯色、双色线性渐变或图片。画布提供小红书竖图、方形、9:16 手机海报、公众号封面、16:9 横版、A4 竖版等预设，也可自定义宽高。 这个工具有两套渲染路线，可以在界面上随时切换且不会丢图层：Canvas 自绘模式由工具逐层绘制，预览即导出结果，支持 2×/3× 放大导出，字间距与描边可精确控制；DOM + html2canvas 模式用 div 堆叠交给浏览器排版引擎，再由 html2canvas 截图导出，复杂 CSS 效果更接近网页所见，代价是保真度取决于 html2canvas 对 CSS 的支持程度。两种模式共用同一份图层数据，所以同一份设计可以两边对比后挑效果更好的那个导出。导出支持 PNG / JPEG / WebP 与画质调节，JPEG 会自动合白底避免透明区域变黑；也可直接复制到剪贴板。草稿可保存在本机 localStorage，但因为浏览器只给几 MB 配额，草稿里的图片会压到长边 1600 的 JPEG，恢复后清晰度低于原图，成品请用导出。全部排版与导出在浏览器本地完成，图片和文字不会上传服务器。
使用说明
1. 先选一个模板或直接用空白画布，再选画布尺寸（也可自定义宽高）；2. 点「加文字」「加图片」往画布上添加图层，「换背景图」设置底图；3. 在画布上拖动图层摆位，拖四角等比缩放，拖顶部圆点旋转，方向键微调（按住 Shift 走 10px），Delete 删除；4. 在图层面板里调整层级、锁定或隐藏图层；5. 选中图层后在属性区细调文字样式或图片填充方式，也可用对齐按钮一键居中；6. 需要对比效果时切换「Canvas 自绘」与「DOM + html2canvas」两种渲染模式；7. 选择导出格式与倍数，点「导出图片」保存，或点「复制到剪贴板」直接粘贴到聊天窗口。