2017-07-30 1 views
-1

これはなぜ動作しないのか分かりません。表面上では、キャンバスの機能はオブジェクト値を受け入れないように見えますが、それは正しいとは思われません。のであなたの特性C1インサイドキャンバスはオブジェクトリテラルの値を認識しません

の名前の

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; 
+0

どうすればうまくいかないのですか?どのようなエラーが出ますか? – Bergi

+1

typo - 'mixY' - >' midY' –

+0

@GregoryTippettはコンソールを使ってエラーをチェックしていません。このタイプミスはそこに現れます – charlietfl

答えて

1

、あなたはmidXが、mixYなくmidYを持っているので、あなたが呼び出すときmoveToあなたは未定義を持っています。 名前を変更して慎重に設定してください。

+0

ありがとう。大きな一息。私は本当にこれを徹底的に打ち消してしまったと思っていました。彼らは卑劣です! –

関連する問題