玄武屏画布上的所有内容都是「元素」。本节列出所有元素类型 + 用法,详细参数请看后面对应的单章。
通用属性
每个元素都有这些字段:
位置 / 尺寸: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 个最佳。
下一节专项讲解每种元素的属性、用法、最佳实践。
