Генерация изображения раздела HTML-страницы

#javascript #html #css

#javascript #HTML #css

Вопрос:

Простой вопрос, можно ли каким-либо образом сгенерировать изображение HTML-страницы с помощью javascript или другого и сохранить его, например, в URL data: png / base64?

Сохранит ли это то, что пользователь видит на своем экране, или попытается отобразить элементы? Будет ли это работать с позиционированием по z-индексу и многими элементами canvas?

И, пожалуйста, никаких jQuery и т.д. Я предпочитаю использовать http://vanilla-js.com библиотека.

Ответ №1:

Вы можете сделать это с помощью phantomjs

 var page = require('webpage').create();
page.open('http://github.com/', function() {
  page.render('github.png');
  phantom.exit();
});
  

Комментарии:

1. Ах, я имел в виду, что пользователю просто нужно нажать кнопку, и страница будет отрисована — похоже, это то, что кто-то должен запустить из командной строки (или я неправильно это интерпретирую)?