为什么我按照老师的代码，显示出边框显示不出圆

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

<body>

<div>

</div>

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和谷歌都是这样

提问者：形式扰人 2017-06-15 14:12