Question

我已经编写了下面的代码，但我的画布上没有任何内容出现

<html>
   <head>
   </head>
   <body>
      <canvas id="c" width="200" height="200"></canvas>
    <script>
        var c = document.querySelector("#c");
        var ctx = c.getContext("2d");
    </script>
    </body>
</html>

为什么？

Answer 1

你没有在画布上画任何东西。你只是抓住了它的背景 - 现在你需要为它画一些东西。

＆＃13;

var canvas = document.querySelector('#c')
var ctx = canvas.getContext('2d')

ctx.fillRect(25, 25, 100, 100)
ctx.clearRect(45, 45, 60, 60)
ctx.strokeRect(50, 50, 50, 50)

＆＃13;

<canvas id="c"></canvas>

＆＃13;

HTML5 Canvas不显示任何内容

1 个答案: