话不多说上代码
<style>
canvas {
display: block;
margin: 100px auto;
}
</style>
<body>
<canvas id="can" width="500px" height="500px" style="border: 1px solid red;"></canvas>
</body>
<script>
var cans = can.getContext("2d");
// 画布宽高
var w = 500;
<style>
canvas {
display: block;
margin: 100px auto;
}
</style>
<body>
<canvas id="can" width="500px" height="500px" style="border: 1px solid red;"></canvas>
</body>
<script>
var cans = can.getContext("2d");
// 画布宽高
var w = 500;