Javascript index.html不显示动画gif/webm格式_Javascript

Javascript index.html不显示动画gif/webm格式

javascript

Javascript index.html不显示动画gif/webm格式,javascript,Javascript,我正在开发一个简单的javascript项目，该项目使用Spreader.js（如上所示）将图形放入Spreader中。如果使用png/jpeg等典型图像格式，效果会非常好，但我想知道是否有一种方法可以使用.gif/.webm/或视频格式来显示要喷洒的动画。到目前为止，尝试将gif替换为我当前的png还没有成功。提前非常感谢这是我的密码： Index.html： <!DOCTYPE html> <html lang="en"> <head> <

我正在开发一个简单的javascript项目，该项目使用Spreader.js（如上所示）将图形放入Spreader中。如果使用png/jpeg等典型图像格式，效果会非常好，但我想知道是否有一种方法可以使用.gif/.webm/或视频格式来显示要喷洒的动画。到目前为止，尝试将gif替换为我当前的png还没有成功。提前非常感谢

这是我的密码：

Index.html：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Test</title>
</head>
<body>
    <canvas id="canvas" width="1920" height="1080"></canvas>

    <script src="https://unpkg.com/sprinkler@1.9.0/dist/sprinkler.min.js"></script>
</body>
</html>

var c = document.getElementById('canvas')
var s = sprinkler.create(c)
var audio = new Audio('test.mp3');

function sprinkle(message) {
    audio.play();

    var images = [
        'Test1.png',
        'Test2.png'
      ]
      var stop = s.start(images, {
        ddyMin: 200,
        ddyMax: 200
      })
      setTimeout(function(){
        stop();
        audio.pause();
        audio.currentTime = 0;
      }, 6000)
}