会跳舞的代码

抖音上那些跳舞的代码看起来好炫酷，昨天用了一下午的时间用vue写了一个。看起来是这样的。

这里是App.vue部分。

<template>
    <div id="app">
        <canvas id="canvas" style="display: none" ></canvas>
        <input type="file" id="button">
        <div id="txtDiv" style="display: none" ></div>
        <img class="multimedia" id="imgDiv" style="display: none;position: absolute">
        <video class="multimedia" id="videoDiv" style="display:none;position: absolute" controls></video>

    </div>
</template>

<script>
    export default {
   
        name: 'app',
        components: {
   },
        mounted() {
   
            let [videoDiv,imgDiv,txtDiv] = [document.querySelector('#videoDiv'),document.querySelector('#imgDiv'), document.querySelector("#txtDiv")]
            let fileBtn = document.querySelector("#button");
            let canvas = document.getElementById("canvas");
            const fontList = '9865432baco71 ';
            const unit = 256