如何使用phantomJS來截圖div

Question

嗨，有沒有人可以幫助我使用phantomJS截圖我的div？ 我如何屏幕我的#dropzone然後將其附加到同一頁面上？

請幫忙。

Answer 1

有兩種方法可以部分呈現網頁。

1）用div創建一個額外的頁面，使用render截取它，並在實際頁面上使用結果。

2）使用clipRect功能（如描述here）：

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