2017-11-18 124 views
0

我已经写了下面的代码,但没有什么是出现在我的画布HTML5画布不显示任何内容

<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> 

为什么?

回答

0

你没有画任何东西。 你只是抓住它的上下文 - 现在你需要绘制一些东西。

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)
<canvas id="c"></canvas>