캔버스가 왜곡된 것처럼 보이면 높이와 너비를 변경해 보세요 -
<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>
출력