在线名片设计工具
按标准尺寸设计双面名片，实时预览并导出印刷级 PDF/PNG。
隐私安全：所有处理均在您的浏览器本地完成，数据绝不上传名片设计名片设计工具
mmmm
mm
32%
实时预览
拖动元素调整位置（含吸附对齐），方向键微调，也可用右侧对齐 / 分布工具。
添加元素
图层
列表顶层在上样式
请在预览或图层中选中一个文本元素。
颜色主题 / 品牌色
点击主题可整体换色；点击品牌色可应用到选中文本颜色。
版式微调
先选中一个元素，再对齐到安全区 / 分布 / 调整层级。
模板库
点击任意模板即套用到当前面（会替换该面现有元素）。
导出
PNG 按 300dpi 输出当前面；PDF 含出血与裁切线。
设计 JSON
历史记录
暂无历史记录。点击「保存当前设计」后会保存在本地，可随时回放。
工作原理
- 1所有元素的坐标与尺寸统一以毫米(mm)存储，原点为名片净尺寸左上角，出血区域为负坐标；渲染与导出时再按目标 DPI 换算为像素。
- 2预览把毫米按「DPI ÷ 25.4 × 缩放」换算成屏幕像素，拖动位移再用同一比例反算回毫米，因此拖动与吸附结果与实际印刷尺寸一致。
- 3吸附对齐在阈值内把元素的左 / 中 / 右边、上 / 中 / 下边与其他元素及画面边缘、中线对齐，并在画布上给出提示线。
- 4导出 PNG 时按 300dpi 把当前面绘制到离屏 canvas；导出 PDF 时把每一面的 canvas 转为 JPEG 字节，再嵌入自实现的最小 PDF（页面含出血与裁切线）。
- 5全部计算与渲染都在浏览器本地完成，设计草稿仅保存在 localStorage，整个过程不发起任何网络请求，断网也能使用。
常见问题
名片设计需要留多少出血？
印刷通用做法是四周各留 3mm 出血，即 90×54mm 净尺寸对应 96×60mm 出血尺寸。本工具默认按 3mm 处理，可在顶部关闭或调整安全边距。
导出的 PNG 为什么看起来很大？
PNG 按 300dpi 输出，90×54mm 含 3mm 出血时约为 1134×709 像素，这是印刷级分辨率。若只用于屏幕预览，可自行按需缩小。
上传的 Logo 和背景图会上传服务器吗？
不会。图片通过浏览器本地读取，仅用于本地预览与导出，关闭或刷新页面后即会释放，不会离开你的设备。
自定义尺寸有什么限制？
建议宽高保持在合理范围内（如 20–210mm），过小或过大可能导致文字溢出或导出尺寸过大；输入非正数时会回退为标准名片尺寸。
设计稿保存在哪里？
保存在浏览器 localStorage 的历史记录中，只保存在本机。清除浏览器数据后会丢失，需要长期保存请使用「下载设计 JSON」。
支持导出双面 PDF 吗？
支持。导出 PDF 时可选择只导出当前面或双面，双面会生成两页，每一页都包含出血与裁切线。