svga / SVGAPlayer-Web

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) 动画。
https://svga.io
Apache License 2.0
954 stars 239 forks source link

Canvas 高度不断增高 #124

Closed hueralin closed 4 years ago

hueralin commented 4 years ago
<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 固定高度就没问题了。

还有这个文档......看来只能翻源码来学习了。

liveme commented 4 years ago

实践中一般建议给canvas设置宽高

cooper1x commented 2 years ago

是要给div设置一个固定的宽高