企业官网建设流程全解析

• 人工智能
• AI 应用
• 媒体生成
• 音视频
• 工作流自动化
• 后端
• 前端

影策（open-ai-canvas）是一款开源的 AI 影视创作无限画布工作台。它的核心是一块可以自由拖拽的画布：你在这里创建节点（文本、图片、视频、分镜等），用连线把它们组织成创作流程，再用滚轮缩放视野、用快捷键撤销重做来安心修改。这篇手册面向新手，10 分钟带你跑通画布的完整操作闭环，不需要写一行代码。

上面就是影策画布的日常样貌。左上角是画布名称，右上角是搜索、分享、Agent 等入口，中间散布着图片和文本节点，底部左右两侧分别是缩放/小地图控制区和添加节点工具栏。下面按"认识界面 → 建节点 → 连线框选 → 缩放平移 → 撤销重做"的顺序带你上手。

一、进入画布：从创作页到空白画布

登录后，左侧边栏提供「创作」「画布」「任务」「素材」等入口。点击「画布」进入项目管理，也可以从「创作」页新建一个画布项目：

进入一个全新的空白画布后，中央会显示一个带"＋"号的起始框。点击这个加号，会弹出与底部工具栏完全相同的添加菜单，可以新建：

• 📝文本节点：写剧情、提示词、剧本说明
• 🎨绘图节点：在画布上自由手绘
• 🎬分镜节点：结构化的镜头卡片
• 📁文件夹 / 背板：把节点分组收纳
• 🖼️图片 / 视频 / 音频节点：承接生成结果
• ⚡工作流节点：串联多个步骤

除了点击加号，你还可以直接把图片、视频、音频文件拖进画布，它们会自动变成对应类型的媒体节点。

💡 小贴士：画布中央的起始框只负责提供入口，不会创建占位节点；即使刷新页面，空画布也不会反复跳回起始引导。

二、创建节点与命名

节点创建后，点击它即可选中，标题栏右侧的"✏️"图标可以重命名。图片/视频节点在下方会弹出提示词面板，填入创作描述、选择模型与尺寸，就能发起生成任务；文本节点则直接双击进入编辑。

节点是画布的基本单元，后续所有连线、框选、批量操作都围绕节点展开，所以建议给节点起有意义的名字（比如"图1 角色三视图""场景一 · 咖啡馆"），方便搜索和协作。

三、连线与框选：把节点连成创作流程

连线：让素材产生关联

把鼠标移到节点边缘的连线上，拖动到另一个节点的端口，即可建立连线。连线表达的是"参考关系"——比如把一张角色设定图连到视频节点，生成时就能把它作为参考图。

• 批量连接：先选中两个及以上节点，按Alt + L进入批量连接模式，快速为整组节点建立连接。
• 隐藏连线：节点多了以后连线会显得杂乱。左下角控制区提供「设置隐藏节点连线」开关，开启后默认隐藏连线，只有鼠标划过、聚焦或选中某个节点时，才临时显示它关联的连线，画面立刻清爽。

框选多选

在画布空白处按住左键拖动即可框选一片区域的多个节点；选中多个节点后，顶部会出现一条对齐工具栏（左对齐、水平居中、右对齐、等距等），可一键把散落的节点排整齐：

框选时的进阶技巧：

框选后拖动时，会有一条虚线选框始终跟随被选节点，直观显示移动范围。

自动整理节点

节点散落、间距混乱时，点击左下角控制区的「自动整理节点」按钮即可一键重排：

• 选中了两个及以上节点时，只整理选中的可移动节点；没选中时整理全部顶层节点。
• 节点间有连线时，横向保持"从左到右"的依赖层级，纵向按文本、图片、视频、音频分泳道排布。
• 没有连线时，各媒体类型分别用网格布局，不再把图片和视频混排。
• 整理动作会进入历史记录，不满意直接撤销即可恢复原布局。

四、缩放与平移：三种控制视野的方式

影策画布是无边界的，掌握"移动 + 缩放"能让你在几个节点和几百个节点之间自如切换。

平移：移动视野

• 🖱️触控板：双指滑动
• ⌨️键盘 + 鼠标：按住空格再左键拖动，或直接用鼠标中键拖动
• 🖐️抓手工具：底部工具栏有一个胶囊开关，在「区域选择」和「抓手工具」之间切换。切到抓手后，按住画布任意处拖动即可平移

缩放：放大 / 缩小

• 滚轮：以鼠标所在位置为中心缩放，最自然
• 步进缩放：Ctrl / Cmd + +放大、Ctrl / Cmd + -缩小，每次按固定步长
• 快捷预设：
  • Ctrl / Cmd + 0或1→ 恢复到 100% 原始大小
  • Ctrl / Cmd + 2→适应画布（把全部内容纳入视野，适合总览）
  • Ctrl / Cmd + 3→适应选择（居中并缩放到当前选中的节点）
• 精确缩放：点击左下角的百分比数字（如85%），会展开一个精确缩放面板，用滑杆微调 5%–200%，或点 25% / 50% / 100% / 200% 快捷档位

小地图：全局导航

左下角的指南针图标是「小地图」开关。打开后，画面角落会出现一张缩略导航图，所有节点以缩略图/色块 + 短标题呈现，当前视口用一个框标出。拖动小地图即可快速跳转到画布任意角落——节点非常多时，它比反复滚轮缩放高效得多。

🧭 小地图负责"定位"，适应画布负责"一次性看全"，两者配合使用体验最好。

五、撤销与重做：安全地回退

画布编辑最怕"改坏了回不去"。影策画布把位置变化、连线增删、节点整理等操作都记录进历史记录，可以放心大胆地改：

除了即时撤销，画布还提供版本记录面板：右上角的时钟图标可打开「版本记录」，分「云端历史」和「本地草稿」两类，每个版本记录保存时间、节点与连线数量，支持只读预览和恢复版本：

也就是说，即便你一连做了十几步、Ctrl + Z按到"没感觉"了，也能从版本记录里直接回到某个关键节点，不用担心误操作。

六、画布快捷键速查表

把常用快捷键整理成一张表，贴在手边随时查。按?键可随时在应用内打开可搜索的快捷键中心：

这些按键定义统一维护在 canvas-shortcuts.ts 中，实际的键盘事件监听逻辑见 use-canvas-keyboard.ts，缩放与小地图控制区则实现在 canvas-zoom-controls.tsx。

七、下一步

掌握节点、连线、缩放、撤销重做这四件事后，你已经可以独立完成一次画布创作了。接下来可以探索：

• 🔍 用Ctrl / Cmd + F在几百个节点里秒定位
• 🎯 开启「专注模式」，隐去所有干扰，沉浸式创作
• 🤖 右上角的Agent入口：用自然语言让云端助手帮你组织画布、生成内容
• 📚 完整功能与能力边界，可参阅 功能清单 和 画布浮动控件设计

现在打开影策，从第一个节点开始你的 AI 影视创作吧 🎬

• 人工智能
• AI 应用
• 媒体生成
• 音视频
• 工作流自动化
• 后端
• 前端