Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Połączenie 2 img w jeden
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
adacho26


Szukam sposobu do polaczenia 2 obrazkow w jedno i manipulowanie tym. (pierwszy obrazek zaczyna sie w x:100 y:100 drugi x:200 y:200 itp)

Istnieje jakaś funkcja albo biblioteka zeby to zrobic?
_Borys_
Zależnie od typu obrazków, tworzysz pusty obrazek który będzie zawierał te dwa obrazki i kopiujesz
  1. <?php
  2.  
  3. $width = 800; // szerokość całosci
  4. $height = 800; // wysokość całości
  5. $image = imagecreatetruecolor($width, $height);
  6. $white = imagecolorallocate($image,255,255,255);
  7. imagefill($image,0,0,$white);
  8. $im_1 = imagecreatefrompng('image_1.png');
  9. $im_2 = imagecreatefrompng('image_2.png');
  10. imagecopy($image,$im_1,100,100,0,0,imagesx($im_1),imagesy($im_1));
  11. imagecopy($image,$im_2,200,200,0,0,imagesx($im_2),imagesy($im_2));
  12. header('Content-type: image/png');
  13. imagepng($image);
  14. imagedestroy($image);
  15. imagedestroy($im_1);
  16. imagedestroy($im_2);
  17.  
  18. ?>

Ewentualnie imagecopyresized() lub inne podobne funkcje zmieniające rozmiary obrazków.
Pawel_W
@up
no, to jest rzeczywiście javascript wink.gif

zainteresuj się "canvas" smile.gif
_Borys_
Fakt, nie zauważyłem facepalmxd.gif
adacho26
a w canvas jest od tego jakas funkcja? czy musze kombinowac?
Pawel_W
google -> canvas merge two images
adacho26
chodzi mi o to ze generuje postac dla gracza Click here to enlarge a on wczesniej wybiera jakie ciuchy bedzie nosił itd... Probuje to zrobić w canvasie ale gdy chce zmienić "czapke1" na "czapke2" to obraz sie nadpisują a chce je zamienić, probowalem wczesniej wymazywac obszar ale wtedy cała twarz też wykasuje :?

W skrócie potrzebuje czegoś co operuje na elemntach jak DOM, a nie canvas na pikselach bo nic z tego więc istnieje taki "canvas"? :/
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2024 Invision Power Services, Inc.