context.fillStyleが動作していません

Question

イメージを表示しようとしていますが、context.fillStyleの動作に問題があります。それはパックマンでなければなりませんが、動作させることはできません。これを修正することができれば、どんな助けでも非常に感謝します。

 <canvas> id="canvas" width="600" height="600"> 
      <p>Sorry, your browser doesnt understand the canvas element</p> 
     </canvas> 

     <script> 
      var canvas; 
      var context; 
      canvas = document.getelementbyid('canvas'); 
      context = canvas.getContent('2d'); 
      function drawCharacter() { 
       context.beginPath(); 
       context.moveTo(118, 118); 
       context.lineTo(227, 73); 
       context.bezierCurveTo(209, 30, 167, 0, 118, 0); 
       context.bezierCurveTo(53, 0, 0.5, 53, 0, 118); 
       context.bezierCurveTo(0, 183, 53, 235, 118, 235); 
       context.bezierCurveTo(159, 235, 195, 215, 216, 183); 
       context.lineTo(118, 118); 
       context.closePath(); 
       context.fillStyle() = "rgb(249, 243, 161)"; 
       context.fill(); 
       context.stroke(); 
       context.beginPath(); 
       context.arc(118, 60, 10, 0, 2*Math.PI, false); 
       context.fillStyle() = "rgb(0, 0, 0)"; 
       context.fill(); 
      } 
      drawcharacter(); 
     </script> 

Answer 1

CanvasRenderingContext2D.fillStyleはプロパティであり、メソッドではありません。括弧を削除：

context.fillStyle = "rgb(249, 243, 161)";