                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /Html5
                        
                        /Canvas 繪制時(shí)鐘

Cannot read property 'width' of undefined

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

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

var width=ctx.canves.width;

var height=ctx.canves.height;

var r=width/2;

function drawbackground() {

ctx.translate(r,r);

ctx.beginPath();

ctx.lineWidth=10;

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

ctx.stroke();

ctx.closePath();

// body...

}

drawbackground();

為什么會(huì)報(bào)這個(gè)的錯(cuò)誤，想不明白

小黑000

2016-12-10

源自：Canvas 繪制時(shí)鐘 3-1

關(guān)注問(wèn)題我要回答

1279

操作

收起

1 回答

慕運(yùn)維1221375 回答被采納 +3 積分
2016-12-10

var width=ctx.canves.width;

var height=ctx.canves.height;

這兩句敲錯(cuò)了。

是canvas而不是canves。另外，這個(gè)錯(cuò)誤的意思是不能讀取到未定義對(duì)象的'width'屬性，意味著你canves.width中canves是未定義的，只要檢查一下這個(gè)就OK了，這個(gè)錯(cuò)誤會(huì)經(jīng)常遇到，得知道它產(chǎn)生的原因。