 [JavaScript][HTML]canvas, problem ze zdjeciami |
  |
| [JavaScript][HTML]canvas, problem ze zdjeciami |
 11.07.2015, 15:30:07
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 16 Pomógł: 0 Dołączył: 11.07.2015 Ostrzeżenie: (0%) 
 |
Kod <!DOCTYPE html> <html> <body> <img id="scream" src="zdjecie.jpg" alt="The Scream" width="500" height="200"> <br> <canvas id="myCanvas" width="500" height="200" ></canvas> <input type="button" value="Dodaj do listy" onclick="pobierz();" /> <input type="button" value="stworz canvas" onclick="tworz();" /> <script> function pobierz() { var canvas = document.getElementById("myCanvas"); var link = document.createElement('a'); link.download = "test.png"; link.href = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream");; link.click(); } function tworz(){ var canvas = document.getElementById("myCanvas"); var ctx = canvas.getContext("2d"); var img2 =document.getElementById("scream"); ctx.clearRect(0, 0,500, 200); ctx.drawImage(img2,0,0); ctx.font = "18pt Times New Roman"; ctx.fillStyle = "black"; ctx.fillText("tak", 210, 115); } </script> </body> </html> Mam problem z powyższym kodem otóż w takiej postaci jak jest pobieranie pliku na dysk nie działa lecz po wymazaniu linijki ctx.drawImage(img2,0,0); pobieranie działa nie wiem od czego i jak mam sobie z tym poradzić. |
 |
 
|
|
11.07.2015, 15:41:21
Post
#2
|
|
 Grupa: Zarejestrowani Postów: 1 268 Pomógł: 254 Dołączył: 11.06.2009 Skąd: Świętochłowice Ostrzeżenie: (0%)
|
A w jakiej przeglądarce nie działa? Bo prawdę mówiąc w moim Chrome działa bez problemu.
BTW skoro stosujesz a.download to po co Ci ten okropny replace? -------------------- ★Mój blog || Okiem krytyka★
|
|
|
|
|
11.07.2015, 18:41:39
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 16 Pomógł: 0 Dołączył: 11.07.2015 Ostrzeżenie: (0%)
|
stosuje chroma(spróbuj załadować jakiś obrazek bo bez obrazka działa jak powinno) a co do replace to masz racje
 Ogólnie zauważyłem że kod działa gdy się rysuje bezpośrednio w canvas. Problem jest dopiero przy wrzucaniu własnego zdjęcia do canvas(myślę ze gdzieś tutaj robię błąd). temat do zamknięcia poradziłem sobie z problemem. o ile w chromie było to awykonalne to na firefoxie działa lecz należy stworzyć "bloba " i wykorzystać canvas.toDataURL Ten post edytował korgan 11.07.2015, 16:27:22 |
|
|
|
|
|
Wersja Lo-Fi | Aktualny czas: 14.08.2025 - 06:57 |
