Сохранить исходное соотношение сторон холста при изменении размера браузера

Question

У меня есть холст с шириной: 100%; и высота: 100%. Это полноэкранный режим, и я рисую на нем изображение. Я хотел бы сохранить оригинальное соотношение сторон изображения при изменении размера моего браузера. Я хотел бы получить такой же эффект, как если бы я делал это: http://pastebin.com/pFEQJsvM. Есть идеи, как мне этого добиться?

Вот мой код JavaScript: http://pastebin.com/U5VpzfbZ

Спасибо за вашу помощь!

Answer 1

Мозилла Беспин (тогда, когда она существовала) сделала нечто очень похожее.

Поместите это в div. Сделайте Div 100% / 100%. Вы можете использовать событие onresize или таймер, чтобы проверить, изменился ли размер клиента div. Если это так, измените размер холста на тот же размер, что и у div.