javascript - 为什么canvas不会画图？

Question

我已经尽我所能地查看了这段代码，但我没有看到是什么让我困惑的。这是我研究 canvas 的第一个晚上，也是我在 Codecademy 之外接触 JS 的第一个晚上，所以我确信这是我在某些时候错过的一些基本知识。

function draw() {
    var canvas = document.getElementById('canvas');
    if (canvas.getContext) {
        var ctx = canvas.getContext('2d');

        ctx.beginPath();
        ctx.moveTo(75, 50);
        ctx.lineTo(100, 75);
        ctx.lineTo(100, 25);
        ctx.fill();
    }
}

这是the fiddle

Answer 1

您忘记调用绘图函数。拍个look在这里。

draw();

代码如下所示

function draw() {
  var canvas = document.getElementById('canvas');
  if (canvas.getContext){
    var ctx = canvas.getContext('2d');

    ctx.beginPath(); 
    ctx.moveTo(75,50);
    ctx.lineTo(100,75);
    ctx.lineTo(100,25);
    ctx.fill();
  }
}
draw();