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

HTML5 캔버스가 왜곡됨


캔버스가 왜곡된 것처럼 보이면 높이와 너비를 변경해 보세요 -

<canvas id = ”canvas1” width = '400' height = '300'></canvas>

HTML5에서 캔버스의 기본 높이와 너비는 2/1 비율입니다 -

width = 300
height = 150

예시

예를 들어 보겠습니다 -

<!DOCTYPE HTML>
<html>
   <head>
      <style>
         #mycanvas{border:1px solid red;}
      </style>
   </head>
   <body>
      <canvas id = "mycanvas" width = "100" height = "100"></canvas>
   </body>
</html>

출력

HTML5 캔버스가 왜곡됨