Infinite Canvas(无限画布)使用教程
Infinite Canvas 是一个面向图片与视频创作的可视化工作台。你可以把提示词、参考图、生成参数和结果放在同一张画布上,通过节点和连线保留每一步,适合连续修改方案、比较结果和复用素材。
使用 SuperToken 时不需要复制 Base URL、API Key 或模型名。点击一次授权,画布会自动完成凭据配置、读取当前账号可用的图片与视频模型,并选择可用的默认模型。
先跑通这条最短路径
打开画布 → 连接 SuperToken → 新建画布 → 添加图片节点 → 输入描述 → 改为生成 1 张 → 点击生成。
使用前准备
- 一个可以正常登录的 SuperToken 账号;首次生成前确认账号有可用模型和余额。
- 桌面端 Chrome、Edge 或其他现代浏览器。画布更适合鼠标和大屏幕使用。
- 允许画布打开 SuperToken 授权弹窗。
普通用户直接打开 Infinite Canvas 即可,不需要先安装 Node.js,也不需要手动创建 API Key。
1. 一键连接 SuperToken
- 打开画布后,点击右上角齿轮形的 配置。
- 在 渠道 页点击 添加 SuperToken。
- 选择服务节点:国内网络优先选 大陆加速;在海外使用时可选 国际站点。
- 点击 连接 SuperToken。
- 在新窗口中按页面提示登录并完成授权,不要提前关闭弹窗。
- 回到画布,看到 SuperToken 已连接并自动保存 即表示完成。
授权成功后,图片、视频和结果下载所需的凭据以及可用模型会自动写入当前浏览器。正常使用不需要展开 高级配置,也不需要再点击抽屉顶部的 保存。
不要公开高级配置
授权凭据保存在当前浏览器中。不要在共享电脑上长期使用,也不要把高级配置、导出的配置文件或完整 Key 发到群聊、Issue 和截图中。
2. 新建第一张画布
回到 我的画布,点击 新建画布。画布项目会立即创建,并自动保存在当前浏览器中,没有单独的“保存”按钮。
先认识四个位置:
- 左侧是画布元素、资产和提示词库。
- 底部工具栏用来添加文本、图片、视频、音频和生成配置节点。
- 画布空白处可以拖动;鼠标滚轮用于缩放。
- 右上角可以再次打开配置,也可以展开 Agent 等进阶功能。
第一次先忽略 Agent、节点插件和高级配置。它们不是生成图片的前置条件。
3. 生成第一张图片
点击底部工具栏的 图片 图标,画布中央会出现一个空图片节点。
在节点下方输入图片描述,例如:
text一只戴着红色围巾的白猫,坐在窗边,清晨柔光,真实摄影风格检查模型下拉框。授权完成后,这里应显示一个可用图片模型;如果仍显示 配置渠道,先回到配置检查授权。
点击类似 自动 · 1:1 · 3 张 的参数按钮,把首次生成数量改为 1 张。这样更容易观察结果,也能避免一次产生不必要的费用。
保持 1:1 或选择需要的比例,然后点击右侧的 生成。
等待节点显示结果。生成期间不要重复点击;异步模型会在节点中持续更新任务状态。
生成完成后,可以从图片节点下载图片、保存到 我的资产,或继续裁剪、局部编辑、放大和生成新角度。需要多个方案时,再把生成数量提高到 2 张或更多。
4. 用节点和连线继续修改
画布的价值不只是“生成一张图”,而是保留输入、参数和结果之间的关系。先尝试一条最简单的节点流程:
- 点击底部工具栏的 文本。
- 双击文本节点,或选中后点击 编辑文字,写入提示词。
- 点击文本节点上的 生图。
- 画布会在右侧创建一个 生成配置 节点,并自动连接文本节点。
- 在生成配置节点中确认模式为 生图,把数量改为 1 张,然后点击 开始生成。
这条连线表示:左侧文本是上游输入,右侧配置节点读取它作为提示词。以后修改文本、模型、比例或数量时,原始思路仍会保留,不必覆盖上一版。
同样地,你可以上传或拖入一张图片,再把图片节点连接到生成配置节点。配置节点显示 参考图 1 张 后,点击 开始生成,就能进行参考图编辑或图生图。具体是否支持取决于当前模型能力。
5. 整理和带走结果
- 保存单张结果: 在图片节点中点击下载。
- 复用素材: 点击 存资产,之后从左侧 资产 页签再次插入。
- 保存整张画布: 左上角菜单选择 导出当前画布。导出的压缩包包含项目结构和本地媒体文件,可用于备份或导入另一浏览器。
- 修改画布名称: 双击画布左上角的标题。
- 找回节点: 在左侧画布元素列表中点击对应节点,可重新定位到它。
画布不是云盘
画布、我的资产和生成记录主要保存在当前站点的浏览器本地。换浏览器、切换域名、使用无痕模式或清理站点数据后,不会自动出现原来的内容。重要项目请定期导出;需要跨设备同步时,再单独配置 WebDAV。
常见问题
| 现象 | 处理方法 |
|---|---|
| 点击“连接 SuperToken”没有新窗口 | 浏览器拦截了弹窗。允许当前画布打开弹窗后重试。 |
| 授权窗口被关闭或等待超时 | 回到渠道编辑页,再点一次 连接 SuperToken;不要复用已经关闭的授权窗口。 |
| 授权后仍显示“配置渠道” | 打开 配置 → 渠道 → SuperToken,确认显示 已连接 SuperToken 且已有图片模型;不正常时点击 重新授权。 |
| “生成”按钮是灰色 | 先填写提示词,并确认模型下拉框不是 配置渠道。 |
| 提示 401、403、429、余额或额度不足 | 检查账号状态、模型权限、余额和请求频率;确认服务节点后再做一次最小生成。 |
| 换电脑或浏览器后找不到画布 | 这是浏览器本地数据,不是账号云同步。回到原浏览器,或导入之前导出的画布压缩包。 |
| 自建画布授权后提示网络或跨域错误 | 确认浏览器能访问配置的 new-api 地址,并允许当前画布 Origin 调用授权凭据兑换接口。 |
接下来可以尝试
- 从 提示词库 找到一个案例,把提示词放进文本节点再修改。
- 上传参考图,通过连接线交给生成配置节点。
- 新建视频节点,使用已授权的视频模型生成短视频。
- 把常用结果保存到 我的资产,在不同画布中复用。
- 需要让 Codex 操作画布时,再打开 Agent 并按面板提示连接本地 Canvas Agent。
自托管画布如何连接自己的 new-api
普通用户不需要这一段。自托管时,可以在容器启动环境中设置:
SUPERTOKEN_AUTH_BASE_URL="https://你的-new-api-地址" docker compose up -dSUPERTOKEN_AUTH_BASE_URL 是授权/new-api 的 Origin,必须能被最终用户的浏览器访问。SUPERTOKEN_BASE_URL 是可选的媒体 API 覆盖地址;不设置时,画布继续使用内置的大陆加速和国际站点地址。
这两个变量在容器启动时注入,修改后重新创建容器即可,不需要重新构建前端静态文件。