线不醒

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
}

（它不会画房子，只画屋顶；-））