HTML5 인 캔버스 높이 및 너비가

Question

속성은 지금까지 내가 캔버스를 할당 한 같은 속성 : -

<canvas id="myCanvas" width="915" height="650" style="border: 2px double #000000;"></canvas> 

그러나, 지금은 나의 캔버스 높이가 고정되지 않는 시나리오를 가로 질러왔다. 그것은 역동적이어야합니다.

예를 들어, 나는 20 개의 행과 다른 시간의 100 개의 행으로 내 캔버스에 X-Y 그래프를 그립니다.

이는 y 축 라벨이 동적이며 가변적이라는 것을 의미합니다.

필자는 내 오래된 방법에서 필자가 자신의 키를 지정하고있는 스크립트의 시작 부분에서 이것을 알지 못합니다.

그래서 내가 필요한, (예를 들어 count` = 0, 계산 ++)

이제

, 어떻게 동적의 높이를 변경하려면 어떻게해야합니까 y 축에 레이블 더를 추적하지 않습니다 카운터입니다 내 대본에서 캔버스?

아무도 도와 줄 수 있습니까?

Answer 1

이처럼 캔버스의 높이를 증가시킬 수있다 : 당신이 CSS와 높이를 변경하는 경우, 캔버스 도면이

var c=document.getElementById("myCanvas"); 
c.height = whatEverHeightYouNeed; 

왜곡됩니다.