Similar to Lottie. Render After Effects / Animate CC (Flash) animations natively on Android and iOS, Web. 使用 SVGAPlayer 在 Android、iOS、Web中播放 After Effects / Animate CC (Flash) 动画。
<div id="demoCanvas"></div>
<script src="https://cdn.jsdelivr.net/npm/svgaplayerweb@2.3.1/build/svga.min.js"></script>
<script>
var player = new SVGA.Player('#demoCanvas');
var parser = new SVGA.Parser('#demoCanvas'); // Must Provide same selector eg:#demoCanvas IF support IE6+
parser.load('./single.svga', function(videoItem) {
player.setVideoItem(videoItem);
player.startAnimation();
})
</script>
如代码,即官方文档给的 demo,canvas 高度不断增高,给 canvas 固定高度就没问题了。
还有这个文档......看来只能翻源码来学习了。