快图设计
无需安装的在线图片编辑器,在画布上完成文字、形状与图层排版。
隐私安全:所有处理均在您的浏览器本地完成,数据绝不上传图片编辑在线设计排版
画布
背景
添加素材
图标集
图层
100%
拖拽移动元素,双击文字直接编辑;方向键微调,右键呼出菜单,空处拖拽可框选。
样式
未选中元素,点击画布中的元素进行编辑。
导出
模板库
一键套用会替换当前画布内容工作原理
- 1文档模型以「画布尺寸 + 背景 + 元素数组」的纯数据表示,元素坐标为画布逻辑像素;每次编辑都通过不可变函数返回新文档,并压入最多 100 步的撤销栈。
- 2预览按当前缩放比用 CSS transform 呈现画布,元素按自身旋转角以中心为轴旋转显示,因此缩放画布不影响元素坐标。
- 3拖拽、缩放与旋转通过指针事件换算到画布坐标后交给几何函数计算;吸附则由候选对齐线求最近距离,命中阈值内自动对齐并绘制辅助线。
- 4图片与背景图经浏览器本地文件接口读入并生成临时对象 URL,仅在本机内存中使用,移除元素时立即释放,全程不发起网络请求。
- 5导出时按倍率创建离屏画布,先整体缩放坐标系,再按「平移到中心 → 旋转 → 绘制左上角」的顺序重绘,文字使用与预览一致的字体栈并在导出前等待字体就绪。
常见问题
上传的图片会上传到服务器吗?
不会。图片通过浏览器本地文件接口读取,只在你本机生成临时地址并交给画布使用,全程没有任何网络请求,断网也能正常编辑。关闭页面后临时地址会失效。
为什么导出的 JPG 没有透明背景?
JPG 格式不支持透明通道,勾选透明背景后仅在 PNG、WebP 下生效;导出 JPG 时透明区域会被填充为画布背景色。需要透明背景请选择 PNG 或 WebP。
提示导出尺寸超出上限怎么办?
这是浏览器对画布尺寸的限制(单边约 16384 像素、总面积约 2.68 亿像素)。降低导出倍率,或减小画布宽高后即可恢复导出。
刷新页面后为什么图片素材不见了?
草稿保存在浏览器本地,版式、文字与形状都能恢复;但图片的临时地址在刷新后失效,需要重新选择图片。这是浏览器的安全限制,不是数据被上传。
有哪些快捷键?
Ctrl/Cmd+C 复制、Ctrl/Cmd+V 粘贴、Ctrl/Cmd+Z 撤销、Ctrl/Cmd+Y 重做、Delete 删除、方向键微调(按住 Shift 步进 10 像素)、缩放时按住 Shift 等比。
数据保存在哪里?
编辑中的草稿保存在你浏览器的本地存储中,不会上传。清除浏览器数据或更换设备后会丢失,需要长期保存请及时导出图片。