抖音上那些跳舞的代码看起来好炫酷,昨天用了一下午的时间用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