Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript] Kopiowanie z html2canvas
edzio20
post
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);
});
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
trueblue
post
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.
Go to the top of the page
+Quote Post
edzio20
post
Post #3





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 16.10.2017

Ostrzeżenie: (0%)
-----


Cytat(trueblue @ 27.04.2018, 09:57:29 ) *
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");
});
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 5.10.2025 - 22:31