댓글 : 캔버스의 캔버스에 너비와 높이를 쓰면 캔버스의 실제 아트 보드 크기입니다. 기본적으로 너비는 300px이고 높이는 150px입니다. 다음으로, 자세한 소개가 제공됩니다. 관심있는 친구들이 그것을 언급 할 수 있습니다.
캔버스에서는 캔버스의 너비와 높이가 캔버스의 실제 아트 보드 크기 일 때, 기본적으로 너비는 300px이고 높이는 150px입니다.스타일로 CSS 스타일을 작성할 때 Widht 및 Height가 실제 디스플레이 크기입니다.
이제 캔버스가있는 대각선 선을 예로 들어보십시오.
<! doctype html>
<헤드>
<meta charset = utf-8 />
<title> 캔버스 </title>
<script type = 'text/javaScript'>
Window.onload = function () {
getCanvas ();
};
// 캔버스 드로잉
함수 getCanvas () {
// 캔버스 요소와 그 그리기 컨텍스트를 가져옵니다
var canvas = document.getElementById ( 'canvasid');
var context = canvas.getContext ( '2d');
// 절대 푯말로 경로를 만듭니다
context.beginpath ();
Context.Moveto (0,200);
Context.lineto (200,0);
// 캔버스에 먼저 그립니다
Context.Stroke ();
}
</스크립트>
</head>
<body>
<canvas>/canvas>
</body>
</html>
디스플레이 효과는 다음과 같습니다.
보시다시피, 캔버스 드로잉 보드는 200*200의 제곱이며, 드로잉은 (0, 200)에서 (200, 0)의 대각선 디스플레이를 사용합니다.
그러나 그래픽은 400*200의 사각형으로 표시되며 디스플레이는 또한 대각선입니다.