Как сохранить изображение iframe под холстом HTML5?

Question

Я пытаюсь вызвать на своем холсте веб-страницу, на которой я могу рисовать или добавлять заметки. Теперь я хочу сделать снимок экрана, на котором чертеж сохраняется с веб-страницей в качестве фона.

Я назвал URL в iframe за холстом (используя z-index) Я могу сохранить только изображение, которое рисую на холсте, а не веб-страницу, которую я назвал.

Пожалуйста, помогите, как я могу заставить его работать. Можно ли как-то назвать URL-адрес внутри моего холста?

Answer 1

В этом сообщении уже был дан ответ: Захватить HTML-холст в формате gif / jpg / png / pdf? - Вы можете сохранить холст, но рендеринг других страниц будет дырой в безопасности. Что вы могли бы сделать - запустить серверный скрипт, который при получении URL-адреса создает загружаемый снимок экрана.

Вот обоснование , пришедшее непосредственно из исходного кода Mozilla (Mozilla добавляет метод drawWindow в контекст холста): // We can't allow web apps to call this until we fix at least the // following potential security issues: // -- rendering cross-domain IFRAMEs and then extracting the results // -- rendering the user's theme and then extracting the results // -- rendering native anonymous content (e.g., file input paths; // scrollbars should be allowed)

Answer 2

Подход, который должен работать, заключается в том, чтобы отобразить веб-страницу на сервере с использованием некоторого экземпляра webkit.У Qt есть тот, который вы можете использовать, так что вы можете создать скрипт командной строки, который будет принимать URL, отображать его в браузере без графического интерфейса пользователя, а затем сохранять изображение, возвращая изображение.

Веб-набор Qtдокументы здесь https://trac.webkit.org/wiki/QtWebKit

Затем в клиентском приложении загрузите отображаемое изображение и добавьте его на холст под отображаемыми изображениями.

Одна сложная часть будет работатьиз текущей позиции вашего холста относительно страницы и чтобы это соответствовало отображаемому изображению.