Как сделать скриншот div?

Question

[Андрей Беляев]

Я не понимаю, как сделать скриншот определенного div с другого сайта тот-же vk.com/dev/health в пример (див #dev_health_table), именно на nodejs, при этом вывести этот скриншот в файл

Comments

[Роман]

ну можно и както так (на js в браузере), но данный вариант достаточно сложно будет автоматизировать

1. открываем https://html2canvas.hertzen.com/dist/html2canvas.min.js
2. копируем весь текст скрипта ))))
3. открываем https://vk.com/dev/health
4. нажимаем F12 в результате чего открывается консоль разработчика
5. вставляем в консоль весь текст скопированный в пункте 2 и нажимаем кнопку Enter
6. копируем этот скрипт:

(function (){
    const target = document.querySelector("#dev_health_table");
    const parent = target.parentElement;
    html2canvas(target).then(canvas => {
        console.log(555);
        parent.appendChild(canvas);
    });

})()

6. его тоже на сраничке VK вставляем в консоль разработчика и нажимаем кнопку Enter
7. все, профит. под табличкой с данными всавилась картинка с этой же табличкой. Можно нажать на эту картинку ПКМ и выбрать 'Сохранить картинку как'