<body>
<canvas id="mycans" style="border:9px solid blue; " ></canvas>
<script>
// querySelector(#...)抓取元素
var mycans = document.querySelector('#mycans')
console.log(mycans);
// 设置画布的宽度和高度
mycans.width=900;
mycans.height=900;
var ctx = mycans.getContext('2d');
console.log(ctx);
// 画画
ctx.beginPath();
// 准备要使用的颜色
ctx.fillStyle = 'red';
ctx.strokeStyle ='green';
// 线条的粗细(默认是1,你不设置它