canvas 크기 설정 시 제대로 적용 안될 때 ( chartjs 등 라이브러리사용시 )

chartjs라던가 라이브러리를 사용하면서 canvas를 사용중이라면 canvas의 크기가 지멋대로 설정되는 듯 느낀 경우가 있을 것이다. 해결 방법은 canvas를 감싸고 있는 부모 엘리먼트에 position:relative 속성을 주어서 해결 할 수 있다.

 

라이브러리를 사용하다보면, 미처 깨닫지 못한 부분의 영향을 받고 있는데 그걸 발견하지 못해서 생기는 경우가 허다하다. 

 

일단 간단하게 canvas 사용시에는 부모에게 position:relative 속성으로 해결함.