【问题标题】:Why won't canvas draw?为什么画布不画?
【发布时间】:2014-03-18 12:39:41
【问题描述】:

我已经尽我所能查看了这段代码,但我没有看到是什么让我感到困惑。这是我第一个晚上研究画布,也是我第一个晚上在 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

【问题讨论】:

    标签: javascript html canvas


    【解决方案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();
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2013-07-11
      • 2013-02-03
      • 2013-01-03
      • 1970-01-01
      • 1970-01-01
      • 2014-01-02
      • 1970-01-01
      相关资源
      最近更新 更多