Вот таким не хитрым кодом вывожу изображение на странице:
var resultImg = document.getElementById('resultImg');
resultImg.setAttribute('src', canvasOriginal.toDataURL("image/png"));
.....
<img id="resultImg" src="" style="max-width: 800px; max-height: 600px;"/>
Картинка может быть квадратной, прямоугольной или же тонкой и/или длинной. Выводить ее нужно в пределах 800 на 600. Как такое можно реализовать? На форуме находил вариант, но там берется div и в него картинка загружается как задний фон. Можно ли сделать по другому? P.S.: Если картинка маленькая она остается маленькой, если картинка большая(больше 800 на 600), то она должна уменьшится сохраняя пропорции, чтобы поместиться в эту область