模板准备: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>
网友评论