简单模板-p2

作者: 增商 | 来源:发表于2020-01-03 23:47 被阅读0次

模板准备:css和结构和js

body{
text-align: center;
padding-top: 20px;
}
canvas{
box-shadow: 0 0 10px #333;
margin: 0 auto;
}

 <canvas width="800" height="600">你的浏览器太low了,请更新</canvas>

//这有用
text-align: center;
box-shadow: 0 0 10px #333;

<body onload="draw()">
    <!-- 结构加载完后才执行这个方法 -->
    <!-- 
     https://www.bilibili.com/video/av79461144?t=3
     腾讯课堂: https://imissu.ke.qq.com/#category=-1&tab=1
     网易课堂: http://study.163.com/u/masterwu
    -->
    <canvas width="800" height="600">你的浏览器太low了,请更新</canvas>
    <script>
        function draw(){
            if ($('canvas')[0].Context) {
                var ctx=$('canvas')[0].getContext('2d')
                //可以理解为画笔需要拿到canvas上下文画笔
            }
        }
    </script>
  </body>