你的那个 ctx.src(0,0,r,0,2*Math.PI,false)少了一个起始角度0，你在好好对比一下

我的也是

老师，画不出圆呀。好着急

你可能引入js文件的时候放在head里面了，你应该放在canvas后面的，要先加载画布，然后才会识别getContext,执行的时候，会从上至下的进行，所以如果放在前面的话，就识别不到有这个getContext

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 drawBackground(){

ctx.save();

ctx.translate(r,r);

ctx.beginPath();//路径起始

ctx.lineWidth=8;

ctx.arc(0,0,r-5,0,2*Math.PI,false);//圆的中心x坐标，圆的中心y坐标，半径，起始角，结束角，顺时针

ctx.stroke();//绘制已定义的路径

}

drawBackground();

自己对比下~  我的是好用的

width变量写错了 wdith/2  

是这个代码