HTML5画布不显示任何内容

我已经写了下面的代码，但没有什么是出现在我的画布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>

为什么？

来源

2017-11-18 vincent yang

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

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>

来源

2017-11-18 09:01:42

HTML5画布不显示任何内容

回答

相关问题