# AI-CanvasPro
**Repository Path**: nboob/AI-CanvasPro
## Basic Information
- **Project Name**: AI-CanvasPro
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 1
- **Created**: 2026-05-25
- **Last Updated**: 2026-05-25
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README

# AI Canvas
**基于节点的 AI 多模态画布编辑器**
一款纯原生 Web 应用(HTML / CSS / JS),让你在无限画布上,通过可视化节点连线的方式,自由组合 AI 能力,生成文本、图像、视频与音频。
[](https://space.bilibili.com/1876480181)
[](https://space.bilibili.com/1876480181)
[](LICENSE)
***
## 授权与非官方部署声明
本项目为 **Source Available / 公开源码项目**,并非 OSI 定义下的开源项目。源码仅供个人学习、研究、评估和非商业使用。
未经作者单独书面授权,禁止将本项目或其衍生版本用于商业用途、SaaS、云服务、公开托管服务、收费服务、商业交付、外包交付、广告引流、会员订阅或其他直接/间接商业收益场景。
除作者明确公布的地址外,任何第三方公开部署、镜像站点、托管服务或改版服务均为非官方行为,与作者无关;请勿在非官方站点输入 API Key、授权码或其他敏感信息。
详细条款请查看 [LICENSE](./LICENSE) 和 [COMMERCIAL-LICENSE.md](./COMMERCIAL-LICENSE.md)。
***
## 视频演示
\[[人物场景固定 seedance2.0生成](https://ashuoai.github.io/AI-CanvasPro/)]
## ✨ 功能特性
### 🎨 无限画布
- 自由缩放、平移的无限画布
- 小地图导航 + 画布对齐网格
- 多画布 切换
- 适应画布(一键归位)
### 🤖 AI 节点类型
| 节点类型 | 说明 | 支持模型 |
| ----------------- | --------------------------- | -------------------------- |
| 🖼️ **AI 图像生成节点** | 输入提示词,一键生成图片,支持批量出图 | Banana Pro、GRSAI 等 |
| ✍️ **AI 文本生成节点** | 多轮对话、流式输出,支持 @ 引用其他节点结果 | Gemini、GPT 系列等 OpenAI 兼容接口 |
| 🎬 **AI 视频生成节点** | 文生视频 / 图生视频 | 主流视频模型 |
| 🔊 **AI 音频生成节点** | 文本转语音生成 | TTS 模型 |
| 🌐 **360 全景图节点** | 生成沉浸式 360 度全景图像 | 全景生成模型 |
| 📐 **3D 场景编辑节点** | 创建和编辑 3D 场景,支持模型导入与场景布局 | 3D 渲染引擎 |
| 💬 **注释节点** | 添加文本注释、说明和标记,增强画布可读性、作为标记跳转 | 无(纯功能节点) |
### 💾 项目管理
- 多项目切换(左侧边栏项目面板)
- `Ctrl+S` 保存画布到本地 `user/Canvas Project/` 目录
- 自动缓存画布状态,刷新页面即时恢复
- 项目文件为标准 JSON 格式,方便迁移(类似comfyui操作,直接拖拽json文件到画布即可打开)
## 🚀 快速开始
### 方法 1:源码运行(推荐开发者)
1. 需要安装git /ffmpeg/python3.12以上
1. git:[Git - Install for Windows](https://git-scm.com/install/windows)
2. ffmpeg:[Download FFmpeg](https://ffmpeg.org/download.html)
3. python:[Welcome to Python.org](https://www.python.org/)
2. **克隆仓库**
```bash
任意一个不带中文路径的目录 上面的地址栏 输入 CMD
# 克隆项目
git clone https://github.com/ashuoAI/AI-CanvasPro.git
# 进入项目
cd AI-CanvasPro
```
3. **安装依赖并启动**
```bash
# 创建虚拟环境
python -m venv venv
# 激活虚拟环境
venv\Scripts\activate.bat
# 安装依赖
pip install -r requirements.txt
# 启动服务
python server.py
```
4. **打开浏览器**
访问 即可使用。
### 方法 2:Windows系统 一键整合包(推荐普通用户)
1. **下载整合包**
[点击下载](https://github.com/ashuoAI/AI-CanvasPro/releases)
2. **解压文件**
将下载的压缩包解压到不带中文的路径,例如 `D:\AI-CanvasPro`
3. **一键启动**
第一次启动请用右键“管理员模式“启动 **`双击运行.bat`** 文件,即可自动跳出项目画布。
访问 即可使用。
4. 后续启动 直接双击 **`双击运行.bat`** 文件即可
***
# 🖱️ 使用说明
右新功能和BUG反馈可以在这里提出:
更完整的用户手册请直接看:[使用说明.md](./使用说明.md)
## ⚙️ 配置 API Key
1. 点击左下角头像 → **设置**
2. 切换到 **API 输入** 标签页
3. 填写对应提供商的 API Key,点击**保存**
| 提供商 | 说明 |
| ------------------ | --------------------------------------------------------------------------------- |
| **即梦官方(目前只能高级会员)** | 设置-api输入-最下面登陆扫码 对应:图像生成-即梦,视频生成-即梦视频 |
| **RunningHub** | 图像生成,前往 [runninghub.com](https://www.runninghub.cn/?inviteCode=rh-v1312) 获取 Key |
| **APImart (准备下架)** | 大语言模型,图像生成,前往 [APImart.ai](https://apimart.ai/zh/register?aff=ashuoai) 获取 Key |
| **派欧云 (PPIO)** | 大语言模型,图片生成,前往 [ppio.com](https://ppio.com/user/register?invited_by=SF4VL3) 获取 Key |
| **GRSAI** | 大语言模型,图像生成,前往 [grsai.com](https://grsai.com/zh/dashboard/user-info) 获取 Key |
| **通用 OpenAI 接口** | 支持任何兼容 OpenAI 格式的第三方接口 |
***
### 基础操作
| 操作 | 说明 |
| ------------------------- | ---------------------------------------- |
| **双击画布** | 快速添加 AI 生成节点 |
| **左键拖拽** | 移动节点 |
| **右键画布** | 打开右键菜单 |
| **滚轮** | 缩放画布 |
| **中键/空格拖拽** | 平移画布 |
| **Ctrl+S** | 保存当前画布 |
| **Ctrl+Z / Shift+Ctrl+Z** | 撤销 / 重做 |
| **D** | 删除选中节点(可在“设置→键盘快捷键”里改成 Delete/Backspace) |
| **节点左侧** **`+`** **按钮** | 打开节点添加菜单 |
### 连接节点
1. 鼠标悬停到节点边缘,出现连接锚点
2. 从输出锚点拖拽到目标节点的输入锚点
3. 连线建立后,上游节点的结果会自动流向下游
### 引用其他节点(@ 语法 / 预设 )
在 生成节点的提示词编辑框中,输入 `@` 即可弹出引用菜单,选择画布上任意节点,其输出结果将被动态嵌入提示词中。
输入 `/` 引用预设命令,快速调用内置预设(后续支持自定义预设)
### 新节点功能用法
#### 🌐 360 全景图节点
- **功能**:生成沉浸式 360 度全景图像,可用于虚拟旅游、房地产展示等场景
- **使用方法**:
1. 添加 360 全景图节点到画布
2. 在节点参数中输入详细的场景描述(例如:"一个阳光明媚的山顶观景台,俯瞰整个城市,远处有山脉和湖泊")
3. 点击生成按钮,等待模型生成全景图像
4. 生成完成后,点击预览按钮可在浏览器中查看全景效果
#### 📐 3D 场景编辑节点
- **功能**:创建和编辑 3D 场景,支持模型导入、场景布局和材质调整
- **使用方法**:
1. 添加 3D 场景编辑节点到画布
2. 通过节点面板导入 3D 模型文件(支持常见格式如 OBJ、GLTF 等)
3. 使用内置编辑器调整场景布局、光照和材质
4. 点击渲染按钮生成最终 3D 场景效果
5. 可将渲染结果连接到其他节点进行进一步处理
#### 💬 注释节点
- **功能**:添加文本注释、说明和标记,增强画布可读性和团队协作效率
- **使用方法**:
1. 添加注释节点到画布
2. 双击节点打开编辑框,输入注释内容
3. 调整节点大小和位置,确保注释清晰可见
4. 可通过连线将注释节点与相关功能节点关联,形成逻辑分组
5. 支持富文本格式,可添加标题、列表等格式元素
***
## 👤 作者
**阿硕 联系微信:shuoerone**
- 📺 Bilibili:[space.bilibili.com/1876480181](https://space.bilibili.com/1876480181)
***
## 许可证提示
本项目采用双许可证模式:未获得书面商业授权时,仅允许个人学习、研究、评估和非商业使用;任何商业用途均需事先获得作者单独书面授权。
本项目公开源码不代表放弃版权,也不代表允许未经授权的商业部署、公开托管、SaaS 化、镜像分发或改版运营。第三方自行部署、运营或传播本项目所产生的数据安全、接口费用、服务稳定性、用户纠纷等责任,由该第三方自行承担。
详细条款请查看 [LICENSE](./LICENSE) 和 [COMMERCIAL-LICENSE.md](./COMMERCIAL-LICENSE.md)。