procentowe wyswietlenie obrazka na drugim obrazku

[remik09]

mam 2 obrazki

https://opisy-gadu.com/checkw.jpg

https://opisy-gadu.com/checkb.jpg

jak zrobic aby pierwszy obrazek byl tlem a drugi wyswietlal sie na nim, ale tylko w okreslonej ilosci procentow jesli chodzi o dlugosc, wysokocsc ma sie wyswietlac cala. Da sie tak zrobic ?

[Irek]

Jeżeli mają być zaznaczane kolejne znaczki w całości, to dużo prościej będzie utworzyć 6 odpowiednich obrazków i je podstawiać.

Da sie tak zrobic ?

Pewnie się da, ale w GD mocny nie jestem.

[MMP]

Masochości

Takie coś możesz wykonać w CSS. Jeden obrazek daje jako tło na drugi tylko nakładasz z odpowiednią pozycją.

[Wojciech]

Takie coś możesz wykonać w CSS. Jeden obrazek daje jako tło na drugi tylko nakładasz z odpowiednią pozycją.

Raczej ten na wierzchu przycięty.

Ewentualnie GD i imagecopy, ale to chyba trochę bardziej zasobo/transferożerne.

[Irek]

Jeden obrazek daje jako tło na drugi tylko nakładasz z odpowiednią pozycją

Jeno że te znaczki zachodzą na siebie.

[piotrek]

Irek no to na wierzch transparentnego gifa i po kłopocie

edit: oj, wypuszkę zmontowałem, generalnie nie o to chodziło

prostując odpowiedź: mam wrażenie że to do jakiegoś systemu ocen, ocena przeważnie jest gdzieś przechowaywana (np. w bazie) jako 1 do 5, najprościej będzie chyba przygotować 5 osobnych obrazków o nazwach 1.jpg do 5.jpg i wyświetlać w zależności od oceny

chyba że jeszcze o coś innego chodziło

[Irek]

Sam bym tego lepiej nie napisał

Za wyjątkiem ilości ocen 0 do 5 i 0.png do 5.png

[remik09]

piotrek dokladnie o to mi chodzilo, ale jak beda osobne obrazki to bedzie ich tylko 5 a jak zrobie z tymi procentami to bedzie to troche dokladniejsze da sie tak ?

[Irek]

Ja bym pomyslał o funkji "ImageCopyMerge -- Kopiuj i połącz fragment obrazka " https://webdeveloper.pl/manual/show.php?str=imagecopymerge

[remik09]

jutro sie z tym pobawie bo jestem poczatkujacy i musze to przeanalizowac !!!

[breja]

hmm to moze nakladaj polprzezroczysty (alpha bialy) obrazek o szerokosci X gdzie X to bedzie liczba brakujaca do 100% !!!

np cos ma 55% glosow to ptaszki dajesz o szerokosci 100px a nakladasz obrazek 45px pozycjonowany do prawej !!!

https://www.antylameriada.net/index.php?s=wpolprzezroczystosc

[piotrek]

remik09, teraz znowu mam wrażenie że chcesz osiągnąć efekty w stylu np. "2 i pół ptaszka" itp a skalę ocen mieć w 0-100% ?

w GD pewnie się da ale musisz trochę poczytać na temat nakładania na siebie obrazów no i samego kadrowania

chętnie zobaczę efekt finalny

[remik09]

wlasnie taki efekt chce uzyskac, zaraz zabiore sie do pracy jak tylko usune jeden blad na stronce i wysle ci pw

[piotrek]

jeśli Twój serwer obsługuje GD uzyj takiego kodu:

<?

$proc = $_GET[proc];

if ($proc<=0) {$proc=0;}
if ($proc>=100) {$proc=100;}

$width = 206/100*$proc;

header("Content-type: image/jpeg");

$bg = imagecreatefromjpeg("checkw.jpg");
$fg = imagecreatefromjpeg("checkb.jpg");

ImageCopy($bg,$fg, 0,0, 0,0, $width,51);


imagejpeg($bg,"",100);
imagedestroy($bg);

?>

da Ci to taki efetk jak tu: https://temp.webwweb.pl/image_over_image/test2.php?proc=55 - posteruj zmienną proc prosto z linku - mam nadzieję że mniej więcej taki efekt chciałeś uzyskać

***

ostatecznie możesz zrobić to całkowicie ręcznie - stwórz tyle obrazów ile szerokości w pixelach ma mieć to Twoje oznaczenie

nie musi być co pixel może być co dwa albo jeszcze rzadziej

i tak np. obraz 200 pixeli szerokości / 2 = 100%

wówczas jeśli ocena = 50% załaduje Ci się obrazek 50.jpg

jest to jak wspomniałem ostateczne rozwiązanie i do obsługi wymaga aż 100 jpgów ale za to zadziała bez obsługi GD i nie potrzebuje ingerencji w CSS

[remik09]

piotrek z twojej metody wyszlo cos takiego

˙Ř˙ŕ9OŹäK ńöq[ Ăŕë9UŔděÖFjjTŤJĽ<ş5đóEzÔĄS OýŘ\5őëÚ^X=ݤ e}qÝŮyŃ>ÍwRÍw0`šH gpŽűZ5NĆéo-ÖučIúŐĘü?ÓEŃv?ŚRi+ť´o˝ĎîžEń˙přKűQü"řńăř+ áąuăH>ŮčÓřĆMŹ-ŕIoőÍC^°ąŇt-~K_Ă×újFuáMCOô_Ěvößę:?ŕŁŢ&Ô|;áťÝoá÷ ěEá]nçMń-üí3Ĺ´f­ŚË?J2â}3ář -nmˇUşŐóâ\xoŔěWŕ|?ýŤ?o/ xBÓź1