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时，你有一个未定义的。只需更新并注意您的命名

画布无法识别对象文字

1 个答案: