v2.5.0
浏览器样机
逼真的 Safari 和 Chrome 浏览器边框,支持浅色/深色模式、可调顶栏大小和自定义网址。
新增
- Safari 浏览器边框(浅色和深色),含红绿灯、侧边栏、前进/后退按钮和居中地址栏
- Chrome 浏览器边框(浅色和深色),含标签栏、当前标签和 omnibox 地址栏
- 浏览器顶栏大小滑块(50%–200%),可精细调整工具栏比例
- 浏览器地址栏支持显示自定义网址
改进
- 浏览器边框改为共享组件,在 2D 和 3D 透视视图中渲染一致
- 编辑器中的浏览器样式预览现已与样式分区卡片布局对齐
v2.4.0
推文导入、代码片段与叠加层改进
将推文导入为截图、生成精美代码片段,叠加层缩放与景深控件也更好用了。
新增
- 推文导入。粘贴任意推文链接即可预览并截取高清图,支持浅色/深色主题切换
- 代码片段生成器。带语法高亮的代码截图,含 20+ 主题、20 种语言、10 款等宽字体,字号、圆角和行号均可自定义
- 推文深色主题改用 X 的「Lights out」纯黑,而不再是默认的蓝色「Dim」主题
改进
- 图片叠加层的缩放和旋转手柄更可靠。修复了 Moveable 控件的 pointer-events 和取消选中问题
- 简化景深分区。去掉阴影叠加层,素材选择器更干净,聚焦于 3D 物体
- 主图缩放手柄点击时不再取消选中,修复代码片段和推文截图点击即缩放的问题
修复
- 输入框和下拉框内边距不再被全局字号规则撑大,仅在移动端生效以防止 iOS 缩放
- 叠加层上下文工具栏改为更干净的通用设计(图层显隐、复制、删除)
v2.3.0
标注工具、文字叠加层重做与界面打磨
可在画布上直接绘制箭头、曲线、矩形、圆形和模糊区域。文字叠加层控件重新设计。更新日志和落地页也焕新了。
新增
- 标注工具。可在画布上绘制箭头、弯箭头、直线、矩形、圆形和模糊区域
- 绘制完成后自动选中标注,可立即在侧栏修改颜色和描边
- 逐个标注编辑。点击画布上任意形状即可改颜色和描边宽度
- 弯箭头可拖动控制点,并显示辅助线
- 模糊工具。在画布上框选区域即可应用背景模糊,每个区域可单独调强度
- 描边宽度上限提升至 24px,提供预设按钮和精细滑块
改进
- 文字叠加层控件全面重做。紧凑的行内编辑、快捷色板、原生字体/字重选择器和阴影开关
- 标注分区移到设计面板顶部,访问更快
- 更新日志页面重新设计,布局更简洁,按变更类型分组
- 视频评价区改为响应式网格,可展示多条视频
- 箭头头部改为更利落的缺口造型,并缩短线段以避免重叠
修复
- 落地页的 YouTube 嵌入不再被 Cross-Origin-Embedder-Policy 响应头拦截
- 标注描边宽度滑块上限从 8 提升到 24,此前在大画布上显得过细
v2.2.0
模板侧栏、标签页过渡与导出修复
预设移入新的模板浮层,标签切换有平滑过渡,动画视频导出精度也修好了。
新增
- 模板浮层。预设图库从标签栏挪到独立滑入面板,通过标签上方的「模板」按钮打开
- 标签内容平滑过渡。在设置、设计、背景、3D、动画之间切换时会淡入并轻微滑动
改进
- 右侧面板标签从 6 个减到 5 个,布局更干净,预设改从模板浮层进入
- 模板浮层开关带平滑滑入动画,支持按 Escape 关闭
修复
- 动画视频导出现在捕获精确帧值。此前 3D 叠加层的 CSS 过渡会让导出帧显示被平滑/滞后的中间值,而不是目标动画
- 导出帧时序改用 double-RAF,确保 React DOM 提交在每次截帧前已完全绘制
v2.1.0
叠加层缩放、自定义预设与 Arc 控件
可在画布上直接缩放叠加层、保存自己的预设,并用新的宽度和不透明度滑块微调 Arc 边框。
新增
- 箭头和贴纸叠加层支持画布上手柄缩放。拖动任意角即可调整大小(20–800px)
- 自定义预设。保存当前画布配置,之后可复用,数据存在本地存储
- Arc 边框宽度滑块(1–20px)和不透明度滑块(0–100%),位于边框分区和边框控件中
改进
- Arc 边框在所有渲染路径中改用动态宽度和不透明度,不再写死数值
修复
- Arc 边框不透明度和宽度的改动会立即反映在画布上
v2.0.0
动画与视频导出
用关键帧动画让截图动起来,并导出为 MP4、WebM 或 GIF。
新增
- 时间轴编辑器,含可交互播放头、标尺和动画轨道
- 20+ 动画预设,分 5 类:揭示、翻转、透视、环绕、景深
- 关键帧动画系统,含 8 种缓动函数(linear、ease-in、ease-out、cubic、expo)
- 实时动画预览,支持播放、暂停、循环和拖动进度
- 视频导出支持 MP4、WebM 和 GIF,含高/中/低质量预设
- 通过 WebCodecs API 硬件加速编码,并回退到 FFmpeg WASM
- 使用 SharedArrayBuffer 的多线程 FFmpeg 编码,导出更快
- 导出进度对话框,实时显示帧数和状态
- 动画预设图库,可在右侧面板按分类浏览
- 时间轴支持多片段及重叠处理
改进
- 编辑器右侧面板新增独立的动画标签
- 为编辑器、时间轴控件、行动按钮和主视觉区加入分析追踪
v1.0.0
全面重构
从零重建截作:现代技术栈、全新界面,以及更强的功能。
新增
- 新的编辑器布局,统一右侧面板(设置、设计、背景、3D、动画、预设标签)
- 3D 透视变换,支持实时预览
- 50+ 渐变和纯色背景,含模糊和噪点效果
- 设备边框:macOS、Windows、Arc 风格和拍立得边框
- 文字叠加层,含 25+ 字体、自定义颜色、阴影和定位
- 图片叠加层,支持旋转、翻转、不透明度和拖动定位
- 通过 Screen-Shot.xyz 抓取网站截图(桌面和移动视口)
- 高清导出,最高 5 倍缩放,支持 PNG 和 JPG
- 通过 Zundo 实现无限撤销/重做历史
- 一键套用的设计预设
- Instagram、YouTube、Twitter、LinkedIn 和 Open Graph 的画幅预设
- 错误边界,以及渐变组件的懒加载
改进
- 迁移到 Next.js 16,搭配 React 19 和 React Compiler
- 升级到 Tailwind CSS 4,采用新的主题系统
- 状态管理用 Zustand + temporal 中间件重建
- 落地页重新设计,含新的主视觉、功能、评价和常见问题
- 为截图美化、社交媒体图、动画和 3D 效果做了 SEO 优化的功能页