代码如下，但是第一次HTML和css我自己写的就出来了圆，这次按照视频里的就不行

源自：3-1 Canvas 时钟外边框圆

<!doctype html>

<html>

<head>

<style>

div{

text-align: center;

margin-top: 250px;

}

#clock{

border: 1px solid #ccc;

}

</style>

</head>

<body>

<div>

</div>

var dom = document.getElementById('clock');

var ctx = dom.getContext('2b');

var width = ctx.canvas.width;

var height = ctx.canvas.height;

var r = width / 2;

function drawBackground() {

ctx.translate(r, r);

ctx.beginPath();

ctx.lineWidth = 10;

ctx.arc(0, 0, r - 5, 0, 2*Math.PI, false);

ctx.stroke();

}

drawBackground();

</script>

</body>

</html>

提问者：空白bai 2017-09-06 10:53