캔버스 기본 크기

Question

크롬 캔버스 태그의 기본 너비는 300px로 설정됩니다.

크기가 지정되지 않은 div가 포함 된 크기로 캔버스를 기본 설정하려는 경우 약간의 번거 로움입니다.

예를 들어 here을 사용하면 캔버스가 추가 된 패딩으로 표제의 너비 기본값으로 설정됩니다.

희망이 있습니다.

자바 스크립트없이 가능합니까?

Answer 1

div가 있고 해당 div의 은 작업 만 지정하고 캔버스가 원하는 크기가되도록 레이아웃을 정렬하십시오.

var canvas = document.createElement('canvas'); 
canvas.width = div.clientWidth; 
canvas.height = div.clientHeight; 

그런 다음 div에 캔버스를 추가하십시오.

Answer 2

핀란드, 맞습니다. HTML5 명세서에서

, http://www.w3.org/TR/2012/WD-html5-author-20120329/the-canvas-element.html#the-canvas-element

캔버스 요소는 좌표 공간의 크기를 제어하는 ​​두 속성 가지고 폭과 높이.

이러한 속성을 지정하면 유효한 음수가 아닌 값을 가져야합니다.

width 속성의 기본값은 이고 height 속성의 기본값은 입니다.

Answer 3

Chrome에서 기본 크기는 300px x 150px임을 확인할 수 있습니다.