Ну это можно сделать как бонус, если макет большой то его удобно было бы посмотреть как в реальном окне, то есть чтоб присутствовала прокрутка и размер самого окошко псевдо-браузера изменть можно было.
А почему не изменить концепцию и не сделать следующим образом:
— скриншот закачивается на сервер;
— получаем ссылку на страницу где это все можно посмотреть;
— сама страница просмотра имеет следущую структуру:
— — а) само изображение помещается в div с overflow: auto;
— — б) браузер обрамляет этот самый div, в адресной строке вписать URL который введет пользователь при добавлении скриншота;
— — в) вверху есть возможность переключить обрамление на другой браузер;
— — г) размер обрамления можно изменять (и div за ним меняется естественно), к примеру, правый нижний угол можно тянуть;
— — д) ограничение на окно — какой-то опытным путем определенный минимум, ну а максимум — размер скриншота;
— на странице просмотра есть кнопка чтоб получить скрин этого браузера в текущем его размере окна браузера (то что видим сейчас)
Размер окна изменяется пропорционально, выбирая большее абсолютное изменение (вертикальное или горизонтальное). Надо подумать над алгоритмом, может что нибудь бодее красивое получится.
Одноко мне кажется более удобно, чем получать фрейм не того размера, который будет в результате.
тогда я полагаю нужен такой habrahabr.ru/blogs/javascript/26888/
но по моему это труднее воспринять пользователю, нестандартный интерфейс
— скриншот закачивается на сервер;
— получаем ссылку на страницу где это все можно посмотреть;
— сама страница просмотра имеет следущую структуру:
— — а) само изображение помещается в div с overflow: auto;
— — б) браузер обрамляет этот самый div, в адресной строке вписать URL который введет пользователь при добавлении скриншота;
— — в) вверху есть возможность переключить обрамление на другой браузер;
— — г) размер обрамления можно изменять (и div за ним меняется естественно), к примеру, правый нижний угол можно тянуть;
— — д) ограничение на окно — какой-то опытным путем определенный минимум, ну а максимум — размер скриншота;
— на странице просмотра есть кнопка чтоб получить скрин этого браузера в текущем его размере окна браузера (то что видим сейчас)
тогда я полагаю нужен такой habrahabr.ru/blogs/javascript/26888/
но по моему это труднее воспринять пользователю, нестандартный интерфейс