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

我的也是

老師，畫不出圓呀。好著急

你可能引入js文件的時候放在head里面了，你應該放在canvas后面的，要先加載畫布，然后才會識別getContext,執(zhí)行的時候，會從上至下的進行，所以如果放在前面的話，就識別不到有這個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 ?

是這個代碼