畫布不識別對象字面值

Question

我找不出爲什麼這不起作用。從表面上看，畫布函數似乎不會接受一個對象值，但這看起來不正確。

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; 

Answer 1

因爲你的屬性

裏面C1的名字，你有midX但mixY而不是midY，所以當你打電話moveTo你有一個未定義的。 只需更新並謹慎使用您的命名