![]() |
![]() |
![]()
Post
#1
|
|
Grupa: Zarejestrowani Postów: 6 Pomógł: 0 Dołączył: 16.10.2017 Ostrzeżenie: (0%) ![]() ![]() |
Witam,
potrzebuję robić screenshoty niektórych elementów na stronie i w tym celu używam 'html2canvas' i wszystko działa, ale problem mam taki, że potrzebuje dany obraz skopiować do schowka (clipboard) i nie za bardzo wiem jak to zrobić, jakieś pomysły? (IMG:style_emoticons/default/smile.gif) Kod robienia obrazu oraz wstawianie go na stronę: Kod html2canvas(document.getElementsByClassName('table')[0]).then(function(canvas) {
document.body.appendChild(canvas); }); |
|
|
![]() |
![]()
Post
#2
|
|
Grupa: Zarejestrowani Postów: 6 807 Pomógł: 1828 Dołączył: 11.03.2014 Ostrzeżenie: (0%) ![]() ![]() |
Pobierasz dane obrazka z Canvas (toDataURL), tworzysz <img> na stronie ustawiając mu jako src wynik z poprzedniego kroku, wykorzystujesz jakiś skrypt JS do skopiowania zaznaczonego obszaru do schowka.
|
|
|
![]()
Post
#3
|
|
Grupa: Zarejestrowani Postów: 6 Pomógł: 0 Dołączył: 16.10.2017 Ostrzeżenie: (0%) ![]() ![]() |
Pobierasz dane obrazka z Canvas (toDataURL), tworzysz <img> na stronie ustawiając mu jako src wynik z poprzedniego kroku, wykorzystujesz jakiś skrypt JS do skopiowania zaznaczonego obszaru do schowka. Zrobiłem jak piszesz, ale tak jak napisał aras785, kopiowanie działa chyba tylko na tekst, bo obrazka nie za bardzo chce mi skopiować. Kod html2canvas(document.getElementsByClassName('table')[0]).then(function(canvas) {
_img = document.createElement("img"); _img.src = canvas.toDataURL(); _o = document.body.appendChild(_img); _o.select(); document.execCommand("Copy"); }); |
|
|
![]() ![]() |
![]() |
Aktualny czas: 5.10.2025 - 22:31 |