必须手动设置画布尺寸：悬停右上角分辨率标识→点浮现齿轮→「theme settings」中选vertical（1080×1920）或horizontal（1920×1080），选错将导致关键内容被裁剪或变形，且修改后预览窗口即时重绘验证。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
想让VibeKnow生成的流程动画适配抖音竖屏首页或B站横屏播放，必须手动调整画布尺寸——系统不会根据导出平台自动切换，上传时若未指定，将默认使用1080×1920竖屏，横屏内容会被强制裁剪掉左右关键操作区域。
确认当前画布尺寸并进入设置入口
打开vibeknow.com → 进入视频预览页 → 将鼠标悬停在右上角分辨率标识（如“1080×1920”）上 → 点击浮现的齿轮图标 → 选择「Theme Settings」。
这一步不能跳过悬停动作：直接点齿轮图标会进入通用设置，只有悬停后出现的齿轮才绑定当前画布参数。未触发悬停即点击，后续所有尺寸修改均无效。
修改为竖屏（1080×1920）或横屏（1920×1080）
在「Theme Settings」面板中，找到「Canvas Size」区域 → 点击下拉菜单 → 选择「Vertical (1080×1920)」或「Horizontal (1920×1080)」。
选错尺寸会导致不可逆后果：若选了Horizontal但原始脚本含大量手机界面截图（1080×1920），系统会自动居中裁切，按钮文字被切掉一半；反之，横屏流程图塞进竖屏画布，两侧留白过大，箭头流向被压缩变形。
确认选择后，页面不刷新即生效——右侧预览窗口会立即重绘，检查顶部状态栏是否已更新为新分辨率数值。
自定义非标尺寸（仅限高级用户）
方法一：手动输入宽高值
在「Canvas Size」下拉菜单底部，点击「Custom Size」→ 分别在Width和Height输入框填入像素值（如1200×800）→ 点击「Apply」。
方法二：从本地截图反推尺寸
准备一张你希望匹配的终端截图（如iPad Pro 11英寸截图为1668×2388）→ 用画图工具打开该图 → 查看属性确认精确像素 → 回到VibeKnow输入对应数值。
【输入前务必关闭“Auto-resize UI Elements”开关】，否则系统会强行缩放按钮、文字、箭头等元素以填满画布，导致流程图中“点击下一步”按钮被拉宽成横条，失去真实操作感。
验证尺寸修改是否真正生效
第一步：点击预览页右上角「Download MP4」旁的「Preview Fullscreen」按钮 → 全屏播放，观察画面边缘是否完整显示所有步骤节点与箭头终点；
第二步：暂停在任意一帧 → 按Ctrl+Shift+I打开浏览器开发者工具 → 切换到「Elements」标签 → 搜索“canvas” → 查看其width和height属性值是否与你设置的一致；
第三步：导出前最后一遍检查：播放时拖动进度条至末尾，确认最后一帧无黑边、无拉伸模糊、无文字截断。
