Javascript 如何用phantomjs拍摄网页的截图？

我知道如何拍摄整个网页的截图，但如何使用phantomjs捕捉特定元素的视图呢。 我试着如下

var page=require（'webpage'）.create（）；
page.content=page.open（'https://www.google.co.in/');
page.evaluate（函数（）{
var canvas=document.getElementById（'hplogo'）；
var ctx=canvas.getContext（'2d'）；
var img=新图像（）；
var imgdata=document.querySelectorAll（'img'）；
img.src=imgdata[0].src；
var pattern=ctx.createPattern（img，“repeat”）；
ctx.fillStyle=图案；
ctx.fillRect（0,0300300）；
}); 
page.render（'canvas.png'）；
phantom.exit（）phantomjs是硬需求吗？如果没有，看看Chrome headless和众多与之交互的库之一。木偶演员可以说是最受欢迎的。这里有一个问答，做一些非常类似于你想用木偶演员做的事情：