꿀벌개발일지

발생일: 2011.09.08 문제: 진행 중인 미니 프로젝트에서는, 캔버스에 드로잉하고 캔버스를 resize 하는 스펙이 있다. resize 할 때에는, 그려진 데이터는 (좌측 상단을 기준으로) 고정하고 캔버스만 늘리려고 한다. jquery를 이용해서 구현하고 있던 터라, 캔버스 엘리먼트를 담고 아래와 같이 크기를 변경했다. $("canvas").width(w).height(h); 캔버스 크기만 변경되길 기대했는데, 그려진 픽셀까지 함께 확대가 된다. 왜 그럴까? 해결책: 캔버스의 실질적인 크기는 canvas 태그의 속성으로 설정해야 한다. (속성을 정의하지 않을 경우 기본으로 300, 150 크기를 가진다) 만약 css 속성으로 캔버스 사이즈를 변경할 경우엔, 속성에 기재된 값과 css 속성값의 비율에..