Canvas erkennt den Wert des Objektliterals nicht

Question

Ich kann nicht herausfinden, warum das nicht funktioniert. Auf der Oberfläche scheint es, dass die Canvas-Funktionen keinen Objektwert akzeptieren, aber das scheint nicht richtig zu sein.

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

Wegen der Namen Ihrer Eigenschaften

Innerhalb c1, haben Sie midX aber mixY und nicht midY, also wenn Sie moveTo rufen Sie haben eine nicht definiert. Aktualisieren Sie einfach und seien Sie vorsichtig mit Ihrer Benennung