Javascript 画布无法识别对象文字的值

我不明白这为什么不起作用。从表面上看，canvas函数似乎不接受对象值，但这似乎不正确

function draw() {
var ctx = document.getElementById('canvas1').getContext('2d');  
var c1 = {
    midX : 100,
    mixY : 100,
    lowX : 90,
    lowY : 120
};
console.log(c1);    // this logs the object
console.log(c1.midX);   // this logs value of midX

ctx.beginPath();
ctx.moveTo(c1.midX,c1.midY);
ctx.lineTo(c1.lowX,c1.lowY);
//  ctx.moveTo(100,100);   // this works fine
//  ctx.lineTo(90,120);    // this works fine
ctx.stroke();
} 

window.onload = draw;

---

因为你财产的名字

在c1中，有

midX

但有

mixY

而不是

midY

，因此当调用

moveTo

时，有一个未定义的。

---

只需更新并小心命名

什么不起作用？您会遇到什么错误？输入错误-

mixY

->

midY

@GregoryTippett显然没有使用您的控制台检查错误。这个打字错误就会出现there@charlietfl-不太清楚。事实上，我只是在学习如何使用控制台和调试器，但经过一段时间和实验后，还是找不到它。提供一个如何发现上述错误的演示怎么样？@charlietfl向这些方法传递

undefined

不会抛出错误，它只是被忽略。如果所有的道具都被记录下来（导致其他潜在的打字错误），控制台才会有帮助。谢谢。大叹一口气。我真的以为我已经彻底地梳理过了。他们很狡猾！