截图美化与展示图
用可注入的几何 / 图层模型推演背景、边距、圆角、阴影、浏览器框与社交比例,并核对 1x/2x 导出的真实像素预算;本轮不接入真实 Canvas 渲染或图片编码,输出为确定性 JSON 导出计划。本地处理
可用操作
截图美化
用几何模型推演纯色/渐变背景、边距、圆角、阴影与透明图合成策略;核对同一图在不同边距/圆角下预览与导出的图层一致性。输出确定性 JSON 计划,不生成图片字节。
浏览器 / 设备框
用 CSS 式几何描述浏览器框(顶栏 44px、其余 12px),设备框需授权素材;加载失败、缺失、仍在加载或未获授权时降级为可导出的无框版,绝不返回空白画布。
常用社交比例
把截图按比例缩放(contain)放入 1200×630、1080×1080、1080×1920、1600×900 的固定画布,边距与圆角照常参与计算;导出像素由预设尺寸 × 1x/2x 精确给出。
真实示例与限制
初始输入预算 15MiB / 16MP(4000×4000 恰为边界,4001×4000 被拒绝);导出总像素上限 64MP、单边 16384px,独立检查并在分配画布前提前阻止,绝不返回空白 canvas。预览最长边独立封顶 1200px,1x/2x 分别是设计画布的 1 倍与 2 倍整数像素。只允许 PNG/WebP/JPEG 的格式字段,透明背景 + JPEG 会明确报错而不生成黑底。框素材加载失败/缺失/仍在加载/未获授权时自动降级为可导出的无框版。本轮不解码真实 File/Blob、不创建 Canvas 2D 上下文、不生成 PNG/WebP 图片字节;相关站 img/draw/design 为 planned 配置,未上线时不产生失效链接;PDF/OCR/压缩/抠图/视频重复入口一律改为相关推荐配置,无登录、无桌面端下载、无点数或付费。
FAQ
现在能导出真实 PNG/WebP 图片吗?
不能。本轮无浏览器、无 Canvas 2D 上下文、无图片解码器与编码器,因此 run() 只返回确定性 JSON 导出计划(图层、绘制顺序、合成策略、像素预算、文件名),render.performed=false、downloadableImage=false、imageBytes=null。真实 File/Blob 输入会得到 DECODER_UNAVAILABLE 错误,绝不伪造成图片。
预览和不同边距 / 圆角的导出会一致吗?
会。预览与导出都由同一个设计空间图层列表均匀缩放得到,layerSignature 为缩放不变的相对几何指纹;padding=0/24/96/256、radius=0/12/64/200 等组合的预览与导出签名逐一相同,且不同参数产生不同签名。
透明 PNG 会不会出现黑边?
不会。合成策略显式以 clearRect(rgba(0,0,0,0)) 重置透明、先绘制所选背景、再以 source-over 在 roundRect 裁剪内绘制原图;implicitBlackFills=0。JPEG 无 alpha 通道,透明背景会返回 OPAQUE_BACKGROUND_REQUIRED,要求显式选择不透明背景,绝不隐式压成黑底。
手机上没有剪贴板权限怎么放图?
文件选择始终可见可用。Ctrl/Cmd+V 仅在安全上下文、支持读取且权限 granted 时生效;denied / 不支持 / 仍在提示 / 剪贴板里没有图片时,状态机进入 awaiting-file 并推荐「选文件」,allowFileSelect 与 fileInputVisible 在所有场景下都为 true。本轮仍要求注入几何模型而非真实 File。
2x 太大怎么办?
checkExportBudget 在分配画布前用宽×高计算总像素;超过 64MP 返回 EXPORT_PIXEL_LIMIT,单边超过 16384px 返回 CANVAS_SIDE_LIMIT,阶段停在 budget,不进入 layers/plan,也不创建画布。例如 4000×4000 输入、512px 边距使 1x 画布为 5024×5024,2x 达 100.96MP 被提前阻止并建议 1x。
为什么没有 PDF / OCR / 压缩 / 抠图 / 视频入口?
这些与其它站重复。它们的公开路由改为 img/draw/design 的相关推荐配置(planned 站不渲染可点击链接),本站只保留 beautify/frame/social-size 三个操作;也没有未实现的登录、下载桌面端、点数或付费入口。