canvas实现2D烟花背景 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>烟花</title>
</head>
<link rel="stylesheet" type="text/css" href="css/normalize.css">
<link rel="stylesheet" type="text/css" href="css/demo.css">
<body>
    <div class="demo">
        <canvas id="fireworksField" width="1920" height="661" style="position: absolute; top: 0px; left: 0px; opacity: 0.9;"></canvas>
    </div>
</body>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.fireworks.js"></script>
<script>
    $('.demo').fireworks({
        sound: false,
        opacity: 0.9,
        width: '100%',
        height: '100%'
    });
</script>
</html>

网盘链接: https://pan.baidu.com/s/1tpq5kvI55NBNMhDBAEbLhg?pwd=jt4p 提取码: jt4p

 

posted @ 2022-01-18 17:07  skr_skr~  阅读(107)  评论(0)    收藏  举报