lineTo不工作

Question

好的我有这段代码应该是一个简单的房子，但是当我运行它时，我什么也没得到，也没有任何警告说它出了问题。有谁知道为什么？

function onLoad() 
{ 
    var canvas; 
    var context;
function initialise () 
{
    canvas = document.getElementById('canvas'); 
    if (!canvas) 
    { 
        alert('Error: I cannot find the canvas element!'); 
        return; 
    }
    if (!canvas.getContext) 
    { 
        alert('Error: no canvas.getContext!'); 
        return; 
    }
    context = canvas.getContext('2d'); 
    if (!context) 
    { 
        alert('Error: failed to getContext!'); 
        return; 
    } 
}

function draw()
{
    context.beginPath();
    context.moveTo(150,100);
    context.lineTo(250,200);
    context.lineTo(250,300);
    context.lineTo(50,300);
    context.lineTo(50,200);
    context.lineTo(150,100);
    context.closePath();
    context.stroke();
}

initialise();
draw(); 
}

Answer 1

代码应该可以正常工作，但我认为您忘记调用onLoad（）函数，因此不会发生任何事情

使用

更改onLoad（）

window.onload = function () {
... //your code
}

（它不会画房子，只是屋顶;-)）