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キャンバスは、私は以下のコードを書いたもの

答えて

関連する問題