javascript - 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
}

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