Przechwytywanie widocznego obrazka

Question

Jak przechwycić widoczny (skadrowany w kwadratowym divie .zoom-wrapper1) obrazek?
https://codepen.io/reti/pen/RwVwQaw

Chciałbym go wygenerować w pliku PDF za pomocą biblioteki PDFkit: https://pdfkit.org/docs/images.html

Oczywiście jest możliwość napisania tego skryptu od początku z biblioteką: https://www.dunebook.com/best-javascript-image-cropping-libraries/ Spośród nich wszystkich „Croppic” wygląda najbardziej obiecująco: http://www.croppic.net/
Ale czy to jest aż tak skomplikowany problem, żeby stosować bibliotekę?

Comments

Co masz na myśli przez przechwycić? Zapisać na dysku?

---

Dobre pytanie. Zedytowałem post. Teraz powinno być jaśniej.

---

Widzę, że można tam przekazać URL obrazka lub ścieżkę, więc chyba nie musisz przechwytywać obrazka.

---

Znowu zedytowałem post. Chodzi mi o to co widać w kwadratowym divie .zoom-wrapper1.

---

Do czego Ci ten przechwycony obrazek? Coś czuję, że masz niedopasowane narzędzia do problemu

---

Chciałbym to wykadrowane zdjęcie wygenerować w pliku PDF. Ta biblioteka wydaje mi się w porządku: https://pdfkit.org/docs/images.html.

Answer 1

Prawdopodobnie szukasz cropper.js albo czegoś podobnego

Comments

Wszystko na to wskazuje. Testowałem: http://www.croppic.net/ ale jest problem z kadrowaniem poniżej rozmiaru okna: https://forum.pasja-informatyki.pl/545740/croppic-pomniejszanie-obrazow-ponizej-rozmiarow-kontenera#c545741

Szukałem innych bibliotek, ale wygląda na to, że https://fengyuanchen.github.io/cropperjs/ jest w tej chwili najlepszy.