生成HTML页面的一部分的图像

Question

一个简单的问题，无论如何使用javascript或其他方法生成HTML页面的图像并将其保存到例如数据：png / base64 url​​？

它会保存用户在屏幕上看到的内容，还是会尝试渲染元素？它适用于z-index定位和许多canvas元素吗？

请不要jQuery等。我更喜欢使用http://vanilla-js.com/库。

Answer 1

您可以使用phantomjs

执行此操作

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