八荒启自主研发产品

玄武屏使用手册

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

89 章 · 持续更新

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

10. 元素总览:10 种类型

更新于 2026-10-28

玄武屏画布上的所有内容都是「元素」。本节列出所有元素类型 + 用法,详细参数请看后面对应的单章。

通用属性

每个元素都有这些字段:

位置 / 尺寸:x, y, width, height(0-1 相对比例,多终端自适应)
层级:zIndex
旋转 / 透明度:rotation, opacity
锁定:locked
超链接:link(可跳转到指定页 / 外部 URL)
入场动画:animation(entrance + trigger + order + duration + delay)

1. 文字 text

支持富文本(行内可分别设颜色、加粗、斜体),支持有序 / 无序列表。详见「11. 文字元素 text」。

2. 图片 image

JPG / PNG / GIF / WebP / SVG。本地上传或从素材库引用。详见「12. 图片元素 image」。

3. 视频 video

MP4 / WebM。支持 autoplay、loop。详见「13. 视频元素 video」。

4. GeoGebra 动画 ggb

完整的几何代数运算环境。详见「14. GGB 动画元素 ggb」。

5. HTML 交互组件 html

任意 HTML / JS 组件,托管在「玄武屏空间」。详见「15. HTML 交互组件 html」。

6. 数学公式 formula

LaTeX 语法,KaTeX 渲染。详见「16. 数学公式 formula」。

7. 表格 table

行列任意,可单独设表头底色、边框色、字号。详见「17. 表格 table」。

8. 基础图形 shape

矩形 / 椭圆 / 箭头 / 直线 / 三角形。详见「18. 基础图形 shape」。

9. 组件库组件 component

平台预制的高级互动组件,例如:

  • 实时答题统计大屏
  • 学情仪表盘
  • 弹幕墙
  • 投票器

详见「19. 组件库元素 component」。

10. AI 数字人讲解员 ai-avatar

虚拟人物 + 脚本 + 实时 TTS,详见「20. AI 数字人 ai-avatar」与「53. AI-5 数字人讲解员」。

母版元素 vs 普通元素

母版上的元素(logo、页脚、页码)渲染在最底层,被所有引用该母版的页面共用。母版元素 locked: true 时普通编辑模式不可选中。详见「21. 母版元素与层级规则」。

提示

性能提示:单页元素 > 50 时建议关心性能,> 200 时强制警告。GGB 嵌入是 iframe,单页 ≤ 2 个最佳。

下一节专项讲解每种元素的属性、用法、最佳实践。