브라우저 크기를 조정할 때 원본 캔버스 가로 세로 비율 유지

Question

너비가 100 % 인 캔버스가 있습니다. 높이 : 100 %. 그것은 전체 화면이며 나는 그것에 이미지를 그립니다. 브라우저의 크기를 조정할 때 이미지의 원래 종횡비를 유지하고 싶습니다. 이 작업을 수행하는 것과 동일한 효과를 얻으실 수 있습니다. http://pastebin.com/pFEQJsvM. 어떤 아이디어를 어떻게 얻을 수 있습니까? http://pastebin.com/U5VpzfbZ

여러분의 도움에 감사드립니다 :

여기 내에 javscript 코드입니다!

Answer 1

Mozilla Bespin (다시 존재했을 때)은 매우 비슷한 것을했습니다.

div에 넣습니다. Div를 100 %/100 %로 만듭니다. onresize 이벤트 또는 타이머를 사용하여 div의 클라이언트 크기가 변경되었는지 확인할 수 있습니다. 그럴 경우 캔버스의 크기를 div와 동일한 크기로 조정하십시오.