div 스트레칭을 포함하는 캔버스

Question

안녕을 이:

<div>
<canvas height="300px" width="200px"></canvas>
</div>

내가 만든 자바 스크립트를 렌더 캔버스,할 수 있는 사람이 있었는 방법에 대해 조언을 스트레칭 div 캔버스에 따라 크기와 가능한 경우에 없는 javascript??이용에 불편을 드려 정말 죄송 솔루션을 위한 중첩 div 지만,그것은 작동하지 않았다.감사

Answer 1

을 사용하여 다른 display 를 포함하는 div 그런 일들이 일해야 한다(참조도 이 jsfiddle):

<div>
    <canvas height="300px" width="200px"></canvas>
</div>

CSS:

div {
    border: 2px solid blue; /* demo purposes */
    display: inline-block;
    line-height: 0;
}
canvas {
    background-color: khaki; /* demo purposes */
}

PS.이 line-height: 0 이 있을 확인하는 없 공간은 렌더링 아래로 캔버스에 있습니다.또한 참조 이 질문.

Answer 2

캔버스 크기가 변경되는시기를 결정할 수있는 경우 캔버스의 변경된 치수에 따라 DIV의 치수를 동적으로 설정하는 이벤트를 발사합니다.