как скриншот div с помощью phantomJS

Question

Привет, кто-нибудь здесь может помочь мне снять скриншот моего div с помощью phantomJS? Как я могу скриншот моего #dropzone, а затем добавить его на ту же страницу?

Пожалуйста, помогите.

Answer 1

Есть два способа частично отобразить веб-страницу.

1) Сделайте дополнительную страницу с помощью div, снимите ее с помощью рендера и используйте результат на своей фактической странице.

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');