Нужна помощь с сайтом, а именно скрин странички на стороне сервера. Как это сделать?

Question

[trubachw]

Всем привет, я только начинаю изучать веб разработку и у меня появился вопрос в реализации одной функции.
У меня стоит задача делать скрин определенной области сайта(в будущем это будет скрин определенной области карты выбранной пользователем) на серверной стороне. Чтобы после нажатия на кнопку сайт делал скрин на своей страничке определенной области и открывал его на другой стр(в дальнейшем это будет редактирование данного скриншота). Пожалуйста подскажите как можно реализовать скриншот выбранной области?

Comments

[ksnk]

Ты задаешь неравноценные вопросы. Тот, что "в дальнейшем" - скрин определенной области твоей собственной карты, вероятно можно решить, просто отослав на сервер область, которую выделил на картинке пользователь. Дальше уже сервер сам выковыривает из имеющейся у него карты нужную область.
А вопрос, который "на сейчас" - решается совсем другими и более сложными методами. Либо запросом на отдельный сервис, либо работой с node.js сервером у себя на сервере. Можно попробовать GuzzleHttp, там есть возможность делать скриншоты, но исполнять JS он не умеет.

Answer 1

[mletov]

На стороне сервера - никак. Скрин все равно делается на клиенте, а потом уже отправляется на сервер, если нужно его куда-то сохранить.

А на клиенте, например:
https://www.geeksforgeeks.org/how-to-take-screensh...

Ну или Google->"screenshot page javascript"

Comments

[trubachw]

Спасибо большое за ответ, щас пробежался быстренько вроде вполне подходит. Осталось затестить

[mletov]

пожалуйста

Answer 2

[Stalker_RED]

Проще всего из браузера. В хроме открыть консоль (f12), нажать там ctrl+shift+p, напишите там full size screenshot.

если нужно именно а стороне сервера, то смотрите в сторону headless браузеров.

Answer 3

[Larisa Moroz]

можно всё на PHP сделать
cutycapt и xvfb-run тебе в помощь
но надо иметь доступ к установке ПО на сервере

у меня вот такая команда на скриншотах работает

exec('xvfb-run -a --server-args="-screen 0, 520x520x24" cutycapt --url=\'' . $pageUrl . '\' --min-width=520 --min-height=340 --out=\'' . $screenshotPath . '\' 2>&1', $execoutput);

Answer 4

[tempick]

На стороне сервера - можно использовать Node.js+puppeteer.
https://pptr.dev/#?product=Puppeteer&version=v5.5....
Первый пример кода - сохранение скриншота сайта в jpg-файл

С выделенной областью будет чуть посложнее, но вполне реализуемо.

Answer 5

[Игорь Дудченко]

Успешно использую browsershot для такой задачи