为什么我按照老师的代码，显示出边框显示不出圆
<body>
<div>
<canvas id="clock" height="200px" width="200px"></canvas>
</div>
<script type="text/javascript">
var dom=document.getElementById('clock');
var ctx=dom.getContext('2d'); //返回一个用于在画布上绘图的环境。
var width=ctx.canvas.width; //宽
var height=ctx.canvas.height; //高
var r=width/2; //对应的半径
function drawBackgroud{
ctx.translate(r.r); //重新映射布上的（0，0）位置
ctx.beginPath(); //起始一条路径，或重置
ctx.lineWidth=10; //定义宽度10px
ctx.arc(0,0,r,0,2*Math.PI,false); //创建弧/曲线（圆形或分圆）
ctx.stroke(); //绘制已定义的路径
}
drawBackgroud();
</script>
</body>
我的是内置的，360和谷歌都是这样
