首先用AE生成好动画的js文件json文件。
1.引入动画生成的js文件。
2.声明一个dom对象。
3.引入生成的json动画文件。
示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<style>
.bodymovin{
width: 100px;
height: 100px;
}
</style>
<body>
<div id="bodymovin" class="bodymovin"></div>
</body>
<script src="./d2at122a.json"></script>
<script src="./d2at122a.js"></script>
<script>
var animData = {
wrapper: document.getElementById('bodymovin'),
animType: 'svg',
loop: true,
prerender: true,
autoplay: true,
path: 'd2at122a.json' //json动画路径
};
var anim = bodymovin.loadAnimation(animData); //启动动画
bodymovin.setSubframeRendering(false);
</script>
</html>