div 스트레칭을 포함하는 캔버스
-
11-12-2019 - |
문제
안녕을 이:
<div>
<canvas height="300px" width="200px"></canvas>
</div>
내가 만든 자바 스크립트를 렌더 캔버스,할 수 있는 사람이 있었는 방법에 대해 조언을 스트레칭 div 캔버스에 따라 크기와 가능한 경우에 없는 javascript??이용에 불편을 드려 정말 죄송 솔루션을 위한 중첩 div 지만,그것은 작동하지 않았다.감사
해결책
을 사용하여 다른 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
이 있을 확인하는 없 공간은 렌더링 아래로 캔버스에 있습니다.또한 참조 이 질문.
다른 팁
캔버스 크기가 변경되는시기를 결정할 수있는 경우 캔버스의 변경된 치수에 따라 DIV의 치수를 동적으로 설정하는 이벤트를 발사합니다.
제휴하지 않습니다 StackOverflow