Question

最近我尝试练习HTML画布，但是我无法用JS在画布上绘制任何内容。它全是白色的。我不知道问题是什么。我的代码是这样的：

     <!DOCTYPE html>
     <html lang="en">
     <head>
       <meta charset="UTF-8">
       <title>Document</title>
       <style>
         canvas {border: 1px solid black;}
         body{margin: 0;}
       </style>
     </head>
     <body>
       <canvas id="myCanvas"></canvas>
       <script src="app.js"></script>
     </body>
     </html>

这是JS代码：

     const myCanvas = document.querySelector('#myCanvas');
         myCanvas.width = window.innerWidth;
         myCanvas.height = window.innerHeight;

     const ctx = myCanvas.getContext('2d');
         ctx.fillStyle('#000')
         ctx.fillRect(100, 100, 80, 80);

Answer 1

fillStyle不是函数，而是属性。所以您需要分配颜色代码

 ctx.fillStyle = '#000'

在Canvas上看不到任何东西。就像白色的背景

1 个答案: