본문 바로가기
HTML

Javascript에서 Canvas 사용하기

by treeCoder 2021. 10. 20.

<body>
<canvas id="myCanvas" width="400" height="300" style="border:1px solid red"></canvas>

<script>
  const canvas = document.getElementById('myCanvas'); 
  const ctx = canvas.getContext("2d"); 

  ctx.fillStyle = 'blue'; 
  ctx.font = "italic bold 10px Arial, sans-serif"; 
  ctx.fillText("2. 캔버스에 텍스트를 씁니다.", 10, 130); 
</script>
</body>


'HTML' 카테고리의 다른 글

Javascript로 디지털 시계 만들기  (0) 2023.04.15
HTML 기본 Template  (1) 2021.10.19
Javascript 로 진리표 생성하기  (0) 2021.10.19
Javascript로 2차원 배열 만드는 방법  (0) 2021.10.10
HTML, 진짜 쉬운 스도쿠  (0) 2021.09.29

댓글