                        课程
                    
                        /前端开发
                        
                            /Html5
                        
                        /Canvas 绘制时钟

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();

为什么会报这个的错误，想不明白

小黑000

2016-12-10

源自：Canvas 绘制时钟 3-1

关注问题我要回答

1226

操作

收起

1 回答

慕运维1221375 回答被采纳 +3 积分
2016-12-10

var width=ctx.canves.width;

var height=ctx.canves.height;

这两句敲错了。

是canvas而不是canves。另外，这个错误的意思是不能读取到未定义对象的'width'属性，意味着你canves.width中canves是未定义的，只要检查一下这个就OK了，这个错误会经常遇到，得知道它产生的原因。

1 回复有任何疑惑可以回复我~

收起回答

小黑000 提问者

非常感谢！恩，刚刚我也找到了

2016-12-10 回复有任何疑惑可以回复我~

0/150

提交

取消

Canvas 绘制时钟

参与学习 49750 人
解答问题 160 个

canvas画出漂亮的时钟，通过本教程能重新掌握一些几何知识

进入课程

本课相似问答

3 回答clock.js:3 Uncaught TypeError: Cannot read property 'getContext' of null

1 回答cxt.clearRect(0,0,width,height);为什么不作用呢？

1 回答为什么ctx.clearRect(0,0,width,height);要放在第一行？

搜索更多本课相关问答

Cannot read property 'width' of undefined

我要回答关注问题

热搜

最近搜索清空

Cannot read property 'width' of undefined

1 回答

本课相似问答

Cannot read property 'width' of undefined