Computer >> 컴퓨터 >  >> 프로그램 작성 >> HTML

HTML에서 스크립트로 그래픽을 만드는 방법은 무엇입니까?

스크립트로 그래픽을 만들려면 태그를 사용하세요. HTML 태그는 스크립팅을 사용하여 그래픽, 애니메이션 등을 그리기 위한 것입니다.

다음은 태그의 속성입니다 -

속성
값
설명
높이 HTML에서 스크립트로 그래픽을 만드는 방법은 무엇입니까?
픽셀
캔버스의 높이를 지정합니다.
폭 HTML에서 스크립트로 그래픽을 만드는 방법은 무엇입니까?
픽셀
캔버스의 너비를 지정합니다.

예시

다음 코드를 실행하여 태그를 구현하고 그래픽을 만들 수 있습니다. −

<!DOCTYPE html>
<html>
   <head>
      <title>HTML Canvas Tag</title>
   </head>
   <body>
      <canvas id = "newCanvas">Your browser does not support canvas tag.</canvas>
      <script>
         var c = document.getElementById('newCanvas');
         var ctx = c.getContext('2d');
         ctx.fillStyle = '#00AEEF';
         ctx.fillRect(0,0,180,50);
      </script>
   </body>
</html>