canvas를 기기전체화면에 나타나게 하는 방법

canvas는 기본으로 300px*150px 사이즈로 생성된다.

css로 canvas너비 높이를 100%로 지정하는 경우 내용물이 전부 canvas너비높이 비례에 따라 변형됨을 볼수 있다.

canvas태그에 직접 width="100%" height="100%"를 준다면 아예 퍼센트부호는 무시당한다.

유일한 방법은 javascript에서 기기화면의 너비와 높이를 구해서 canvas에 적용시키는 방법이다.

=================================================
var canvas = document.getElementById("tohostingCanvas");
canvas.width = document.body.clientWidth;
canvas.height = document.body.clientHeight;
=================================================

단, canvas.style.width와 같이 쓰면 css에 설정한거와 같은효과로 내용물이 변형된다.