效果图
代码如下
下面是主要源码,其中引入的两个文件vue-2.5.17.js(其实没有使用)和bootstrap.css,将它们放在代码外层同级的lib文件夹中。在代码中每步也有详细注释。
<!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>代码雨</title>
<script src="../lib/vue-2.5.17.js"></script>
<link rel="stylesheet" href="../lib/bootstrap.css">
<style>
/* body{
margin:0;
padding: 0;
} */
#showdiv{
width: 800px;
height: 600px;
background-color: brown;
margin: auto;
}
canvas{
width:800px;
height: 600px;
display: block;
}
<