前端实现雪花效果，粒子特效

​​​​​​​

<template>
    <div id="main">
        <canvas id="canvas" ref="canvas" style="z-index: 100;position: fixed;top: 0;width: 100%;height: 90%;">
            您的浏览器不支持 HTML5 canvas 标签。
        </canvas>
    </div>
</template>

<script>
//  import Footer from '@/components/Footer.vue'

    export default {
        components: {
//          Footer
        },
        data() {
            return { //canvas init
                canvas: "",
                ctx: "",
                W: "",
                H: "",
                angle: 0,
                mp: 3000,
                particles: [],
                t: 0,
            }
        },
        mounted() {
            this._initCavas();
        },
        methods: {
            _initCavas() {
                this.canvas = document.getElementById("canvas");
                thi