Question

我已经尽可能地查看了这段代码，而且我没有看到是什么让我沮丧。这是我第一个看到画布的第一个晚上，我第一个晚上在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();

画布为什么不画画？

1 个答案: