Как сделать скриншот прямоугольной области внутри сайта на JavaScript?

Question

[zkrvndm]

Хочу дать пользователям возможность выделять области внутри страницы и делать скриншот отмеченной области.

На 100% уверен, что уже существуют готовые JavaScript плагины для этого, только я найти их не могу.

Пожалуйста, дайте наводку, кто знает готовые решения. Заранее спасибо.

Comments

[Алексей Ярков]

В любой ОС этот функционал из коробки. Нажал комбинацию клавиш и выделяй кусок экрана. Зачем что-то выдумывать?

[zkrvndm]

Алексей Ярков, не подходит.

Прикрутил на сайт заказчика комментарии к PDF документам внутри PDF просмотрщика pdf.js


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

[Дмитрий Кузнецов]

zkrvndm, на мой взгляд - это бред. Shift + Win + S - выделяй что хочешь и отправляй куда хочешь. При чём скриншот копируется в буфер и потом не сложно вставить хоть в комментарий, хоть на почту отправить, хоть в ватсап/телегу/вк и т.п.

[zkrvndm]

Дмитрий Кузнецов, я так и сказал заказчику, что можно нативно выделить и вставить, но ему надо именно шоб отдельной кнопкой внутри pdf.js

[Дмитрий Кузнецов]

zkrvndm, вот же упрямый у тебя заказчик)

[zkrvndm]

Дмитрий Кузнецов, хотя я предлагал конечно через PrtSc делать скрин, обычно эта кнопка открывает ножницы, но не во всех версиях винды конечно.

Answer 1

[maksam07]

https://stackoverflow.com/questions/4912092/using-...
https://stackoverflow.com/questions/55474186/how-t...

Comments

[zkrvndm]

Все не то, я обыскал весь интернет, похоже нигде нет решений именно для выделения прямогугольной области и скришотирования только того, что именно под этой областью( Надо свое решение писать, сначала для выделения области, потом для определения координат выделенной области, а потом для обрезки общего скриншота с использованием полученных кооридинат. Эх... сложно все и долго.