八荒启自主研发产品

玄武屏使用手册

融万物于一屏 · 以交互动画为魂,重塑演示的边界

89 章 · 持续更新

89
章节
4
版本
v1.0
产品最新版
元素详解

18. 基础图形 shape

更新于 2026-10-28

基础图形是构图、注释、流程图的"乐高积木"。玄武屏内置 12 种图形 + 自由路径。

基础图形列表

类别 图形
矩形 矩形 / 圆角矩形
椭圆 椭圆 / 圆
三角形 等边 / 直角 / 任意
多边形 五边形 / 六边形 / 八边形 / 星形
箭头 直线箭头 / 弯曲箭头 / 双向 / 块状
线 直线 / 折线 / 自由路径
气泡 对话气泡 / 思考气泡

创建方式

  • 左侧面板 →「形状」→ 拖入画布
  • 快捷键:R(矩形)/ E(椭圆)/ L(直线)/ A(箭头)

通用属性

填充色:纯色 / 渐变 / 图片 / 透明
描边色:颜色 / 宽度 / 实线 / 虚线 / 点线
描边对齐:内 / 中 / 外
圆角半径(仅矩形)
阴影:颜色 / 偏移 / 模糊 / 扩散

渐变

支持线性 / 径向 / 圆锥三种渐变:

线性:从左到右、对角线、自定义角度
径向:从中心向四周
圆锥:色环效果(适合饼图)

色标可加任意多个,每个色标独立调透明度。

自由路径

按 P 或工具条「钢笔」→ 在画布上点击描点:

  • 单击 = 折线段
  • 拖动 = 贝塞尔曲线
  • 双击结束 / 闭合
  • 编辑模式:拖动锚点 / 控制柄微调

图形动画

图形专属:

  • 绘制路径:从起点到终点描边出现(适合流程图箭头)
  • 形变:从一个形状渐变到另一个
  • 填充扩散:颜色从中心扩散到边缘
  • 点描出现:路径上的点逐个出现(适合数据点连线)

流程图最佳实践

玄武屏没有"流程图"专用元素——用基础图形组合即可:

开始:圆角矩形(绿)
处理:矩形(蓝)
判断:菱形(橙)
连接线:箭头
结束:圆角矩形(红)

或使用「19. 组件库」中的预制流程图组件。

注释指认

讲解动画 / 截图时,常用图形做注释:

  • 箭头 + 文字:指认重点位置
  • 圆圈框选:高亮区域
  • 半透明蒙版:屏蔽无关部分,聚焦
  • 辅助线:测量、对齐参考

形状作为蒙版

任何形状可作为图片 / 视频的蒙版(裁出异形):

图片元素 + 蒙版(选形状)→ 图片裁成形状轮廓

图层与组合

  • 多个形状 → ⌘ + G 组合 → 一起移动 / 缩放
  • ⌘ + Shift + G 取消组合
  • 组合内单独编辑:双击进入

跨域典型用法

行业 形状常见用法
教育 几何图形演示、力学示意
企业 流程图、组织架构、价值链
医疗 解剖标注、病灶标记
建筑 平面图、立面图、剖面图
军事 战术示意图、阵型图

下一节讲组件库元素。