Question

我有这个代码来绘制三角形画布。但是，除了黑色，我无法获得填充颜色。它声称可以使用ctx.fillStyle，但它没有。我必须在代码中遗漏一些东西你们可以看看吗？

  function drawShape(){
    // get the canvas element using the DOM
      var canvas = document.getElementById('balkboven');

    // Make sure we don't execute when canvas isn't supported
       if (canvas.getContext){

    // use getContext to use the canvas for drawing
       var ctx = canvas.getContext('2d');
       var ctxwidth = window.innerWidth;              
    // Filled triangle
       ctx.canvas.width  = window.innerWidth;
       ctx.beginPath();
       ctx.moveTo(0,0);
       ctx.lineTo(ctxwidth,0);
       ctx.lineTo(0,105);
       ctx.fill();
       ctx.fillStyle="red"

     }
}

Answer 1

在绘制对象之前，

fillStyle和strokeStyle必须设置为，而不是之后！

将其视为将油漆装到画笔上。你必须在用笔刷抚摸之前这样做！

请参阅：http://jsfiddle.net/F8smR/

帆布填充颜色，保持黑色

1 个答案: