HTML5 캔버스 나는 아래의 코드를 작성했습니다 아무것도

canvas

2017-11-18 4 views 0 likes

가 표시되지하지만 아무것도 내 캔버스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 캔버스 나는 아래의 코드를 작성했습니다 아무것도

답변

관련 문제