画布基础

概览

画布是 ZenNow 的核心。它是一个基于 Fabric.js 的可视化编辑器，用于设计幻灯片和信息图。每个项目可以包含多个页面，通过画布底部的页面条在页面间导航。

工具栏

左侧工具栏提供了所有必要的工具：

选择工具

点击 指针 图标以选择和操作画布上的对象：

• 点击选择单个对象
• 拖拽移动对象
• 使用角落手柄调整大小
• 使用旋转手柄旋转

绘图工具

铅笔 图标启用自由手绘。可自定义：

• 画笔颜色 -- 选择任意颜色
• 画笔宽度 -- 调整描边粗细

形状

点击 形状 图标添加几何形状：

• 矩形 -- 添加矩形框用于内容区域
• 圆形 -- 添加圆形元素
• 箭头 -- 添加方向箭头用于流程图

文本

点击 T 图标添加文本元素。放置后双击编辑文本内容，可以修改：

• 字号
• 字体
• 粗体和斜体样式
• 文本颜色（填充）
• 边框颜色（描边）

图片

点击 图片 图标从设备上传图片到画布。

素材库

点击 文件夹 图标打开个人素材库，上传和管理可复用的图片和文件。

属性面板

选中画布上的对象后，右侧会出现属性面板：

• 填充 -- 对象的背景颜色
• 描边 -- 边框颜色
• 描边宽度 -- 边框粗细
• 透明度 -- 透明级别（0-100%）
• 字号 -- 文本大小（仅文本对象）
• 字体 -- 字体选择（仅文本对象）
• 圆角 -- 圆角弧度（仅矩形）

多页面支持

ZenNow 支持多页面项目：

• 使用底部的 页面条 查看所有页面
• 点击 + 按钮添加新页面
• 点击页面缩略图切换页面
• 右击页面查看选项（删除、复制）

画幅比例

选择适合目标平台的画幅比例：

快捷键