演示模式：无需联网与密钥，按描述关键词本地程序化生成风格化图案，可完整体验「描述 → 生成 → 填充」流程。
兼容 OpenAI images 接口格式（POST {model, prompt, response_format:"b64_json"}）。Key 仅保存在本机浏览器 localStorage，不会上传到任何服务器。若接口未开 CORS，浏览器会拦截并提示。
当前画布有内容，新建将清空（建议先保存工程 JSON）。
演示模式：无需联网，本地程序化生成。
| V | 选择 / 移动 |
| M · O · T | 矩形 · 圆形 · 三角形 |
| S · D · H | 五角星 · 菱形 · 六边形 |
| L · A | 心形 · 箭头 |
| X | 文本（点击画布添加文字） |
| F · B · K · P | 自由形状 · 画笔 · 切割 · 平移 |
| G | 网格显示与吸附 |
| 滚轮 / 双指 | 缩放画布 |
| 空格 + 拖拽 | 平移画布 |
| 0 | 适应画布 |
| Ctrl+Z / Ctrl+Shift+Z | 撤销 / 重做 |
| Ctrl+C · Ctrl+V · Ctrl+X | 复制 · 粘贴 · 剪切 |
| Ctrl+D | 原地副本 |
| Delete / Backspace | 删除选中 |
| Ctrl+A | 全选 |
| 方向键 | 微移 1px（Shift 10px） |
| [ · ] | 下移一层 · 上移一层 |
| Ctrl+S · Ctrl+O · Ctrl+E | 保存 · 打开 · 导出 |
| Alt + 拖拽 | 复制并拖动 |
| Shift + 拖角 | 锁定宽高比 |
| Shift + 旋转 | 15° 吸附 |
| Shift + 点击 | 加选 / 减选 |
| 空白处拖拽 | 框选 |
| 双击文本 | 就地编辑文字 |
| Ctrl/⌘ + Enter | 确认编辑 |
| Esc | 取消编辑（还原文字） |
| 拖角 | 等比调整字号 |
形色画布（ArtCanvas）是一款纯前端、零依赖的网页形状绘图工具：几何拼贴、艺术字、AI 图案填充、透明背景、多语言界面，一键导出 PNG / JPEG / WebP。
本项目仅供个人学习与研究使用；如需商业用途，请联系作者获得授权。
aichuandao
如果对你有帮助，欢迎 Star ⭐