javascript - 如何使用 PhantomJS 渲染页面的一部分？

Question

我想使用 Phantom.JS 将单个 HTML 元素渲染为 PNG。有谁知道这是否可能？另外，我如何使用 Phantom.js 渲染用户已经在查看的页面？

Answer 1

要仅渲染页面的一部分，您需要设置页面的clipRect属性，然后渲染它。

var clipRect = document.querySelector(selector).getBoundingClientRect();
page.clipRect = {
    top:    clipRect.top,
    left:   clipRect.left,
    width:  clipRect.width,
    height: clipRect.height
};
page.render('capture.png');

我不明白你问题的第二部分。 Phantom.js 是 headless 的，这意味着用户正在查看的实际显示不存在。