# 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 Logo # AI Canvas **基于节点的 AI 多模态画布编辑器** 一款纯原生 Web 应用(HTML / CSS / JS),让你在无限画布上,通过可视化节点连线的方式,自由组合 AI 能力,生成文本、图像、视频与音频。 [![作者:阿硕](https://img.shields.io/badge/作者-阿硕-pink?style=flat-square)](https://space.bilibili.com/1876480181) [![Bilibili](https://img.shields.io/badge/Bilibili-主页-00A1D6?style=flat-square\&logo=bilibili)](https://space.bilibili.com/1876480181) [![License](https://img.shields.io/badge/License-Source%20Available%20%7C%20NC-orange?style=flat-square)](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)。