H5 动效编辑器

H5

动效编辑器

时间轴

缩放

健康报告

图层列表

Shift/Ctrl 多选

分组管理

统一透明度

统一动画时间错开（逐个延迟）

秒

组模板

当前页分组

内置模板库点击卡片新建页面

我的模板保存当前项目为模板

组件模板

槽位绑定

智能布局规则 — 使用说明

1

给图层起含关键词的名字
如：「主标题」「底部按钮」「logo图」

2

系统自动识别图层角色
匹配「标题」→文字角色，匹配「底部」→底部角色

3

点击顶栏「动画风格」→「应用」
系统按角色自动排版位置和动画

顶部区域
y≈15~25%

左侧
x≈25%

中部
y≈50%

右侧
x≈75%

底部区域
y≈75~85%

Logo

角色识别关键词

图层名称包含以下关键词时，自动分配对应角色。支持正则表达式（如 logo|二维码）

角色默认位置与动画

选择角色类型，调整其默认位置和入场动画。点击「保存」后，下次应用动画风格时生效。

⬆

顶部

⬇

底部

⬅

左侧

➡

右侧

✛

中部

T

文字

◎

Logo

☰

默认

顶部区域 — 位置与动画

X % Y % W %

入场动画水平偏移

px

垂直偏移

px

起始缩放比例

1.0

智能自动排版

系统自动分析图层类型与角色，智能分配位置、间距和入场动画，一键整理混乱布局。

经典竖排

大图+标题+按钮

居中聚焦

标题置顶+大图居中

图文交错

左右穿插排列

全页分区

大块分区显示

三列网格

图片网格布局

时间线

交叉时间轴

配合的入场动画

优雅渐入

弹跳活泼

戏剧翻转

波浪延迟

缩放冲击

无动画

操作可撤销（Ctrl+Z）

画布与页面

页面标题（发布后浏览器标签显示）页面描述（SEO / 分享摘要）

画布宽度

px

画布高度

px

超长单页模式

开启后页面可纵向滚动，不限制单屏高度比例

分享与 SEO

微信分享标题微信分享图片 URL 关键词（逗号分隔）

禁止右键菜单

禁止长按保存图片

动画与性能

动画触发方式全局动画速度

1.0x

图片懒加载

开启图片压缩预处理

发布设置

发布目标平台

发布时自动生成预览图

发布后自动复制链接

数据埋点

埋点模式上报地址（可选）

已自动保存