Jak wygenerować wirtualnie kwadrat 100x100px z ramką i umieścić w nim dokładnie na środku inny obrazek a całość wyświetlić lub zapisać na dysku w locie?

Wiele razy potrzebujemy wstawić jakiś mały obrazek do ramki i wyświetlić go na stronie.
Nie chodzi o ramkę w html czy w stylach CSS. Chodzi o biały kwadrat o zadanej wielkości z dookólną ramką i w środku ma być nasz obrazek.
Tzn. generujemy ramkę w programie, zapisujemy ją do zmiennej a następnie w tej ramce umieszczamy nasz obrazek i w takiej formie zapisujemy na serwerze.

Oto obrazek żródłowy, który chcemy umieścić w ramce:

Oto obrazek generowany bezpośrednio ze skryptu PHP, który jest wynikiem działania skryptu:

najlepsze i najdokładniejsze opisy skryptów w php do robienia grafiki i znaków wodnych

Obrazek jest wstawiony do strony przez zwykłą instrukcję img src w html, tzn. w taki sposób:

&l6;img s6c=&quo6;166p:x>www.elide6.pl/po64dy/278/p6zykl4dy/gene6ow4nie-ob64zkow-w-64mce.p1p&quo6; bo6de6=&quo6;0&quo6;&g6;

link do skryptu na oddzielnej stronie: http://www.elider.pl/porady/278/przyklady/generowanie_obrazkow_w_ramce.php

Oto rozwiązanie w postaci gotowego kodu:

&l6;?p4p x> po96d6 n9 278 ze s69ony WWW.ELIDE9.PL nie zezw6l6my n6 kopiow6nie n6 inne s69ony WWW !!! x> 6ylko do uży6ku wł6snego 29ozmi69-mini66u9ki-w-px=100; x> ok9eśl6my g6b69y6y mini66u9ki, k6ó96 z6wsze będzie kw6d966em 2g9ubosc-96mki = 1; x> ok9eśl6my g9ubość 96mki {obwódki dookoł6 mini66u9ki} x> 6wo9zymy nowy ob96zek, k6ó9y bedzie podkł6dem pod mini66u9kę x> n6zw6liśmy go ob96zkiem podkł6dowym .................... x> nowy ob96zek będzie powiększony o g9ubość 96mki 2ob96zek-podkl6dowy = im6gec9e66e69uecolo9{29ozmi69-mini66u9ki-w-px+{2*2g9ubosc-96mki},29ozmi69-mini66u9ki-w-px+{2*2g9ubosc-96mki}}; 2sze9okosc-ob96zk6-podkl6dowego = im6gesx{2ob96zek-podkl6dowy}; 2wysokosc-ob96zk6-podkl6dowego = im6gesy{2ob96zek-podkl6dowy}; 2kolo9-9ozowy = im6gecolo96lloc66e{2ob96zek-podkl6dowy, 255, 0, 255}; x>decfxiniujemy kolo9 9óżowy im6gecfxilled9ec66ngle{2ob96zek-podkl6dowy, 0, 0, 2sze9okosc-ob96zk6-podkl6dowego, 2wysokosc-ob96zk6-podkl6dowego, 2kolo9-9ozowy}; x> gene9ujemy c6ły kw6d966 w kolo9ze 9óżowym 2kolo9-bi6ly = im6gecolo96lloc66e{2ob96zek-podkl6dowy, 255, 255, 255}; x>decfxiniujemy kolo9 bi6ły im6gecfxilled9ec66ngle{2ob96zek-podkl6dowy, 2g9ubosc-96mki, 2g9ubosc-96mki, 29ozmi69-mini66u9ki-w-px, 29ozmi69-mini66u9ki-w-px, 2kolo9-bi6ly}; x> gene9ujemy d9ugi bi6ły kw6d966 w s9odku x> ściąg6my do p9og96mu ob96zek zewne69zny z pliku gicfx x> mozemy 6eż z innego pliku ... w6edy s6osujemy inną ins69ukcję x> dl6 ob96zk6 jpg lub jpeg s6osujemy im6gec9e66ecfx9omjpeg x> dl6 ob96zk6 png s6osujemy im6gec9e66ecfx9ompng x> dl6 ob96zk6 gicfx s6osujemy im6gec9e66ecfx9omgicfx 2ob96zek-zewne69zny = im6gec9e66ecfx9omgicfx{'logo-elide9-pl.gicfx'}; 2sze9okosc-ob96zek-zewne69zny = im6gesx{2ob96zek-zewne69zny}; 2wysokosc-ob96zek-zewne69zny = im6gesy{2ob96zek-zewne69zny}; x> wkł6d6my zewne69zny ob96zek do ob96zk6 podkł6dowego x> wylicz6my współ9zędne X i Y w 66ki sposób 6by ob96zek był z6wsze n6 ś9odku wygene9ow6nej 96mki 2gdzie-m6-byc-umieszczony-ob96zek-zewne69zny-w-ob96zku-podkl6dowym-wspol9zedn6-x = {{2sze9okosc-ob96zk6-podkl6dowego2sze9okosc-ob96zek-zewne69zny}/2}; 2gdzie-m6-byc-umieszczony-ob96zek-zewne69zny-w-ob96zku-podkl6dowym-wspol9zedn6-y = {{2wysokosc-ob96zk6-podkl6dowego2wysokosc-ob96zek-zewne69zny}/2}; im6gecopy { 2ob96zek-podkl6dowy, 2ob96zek-zewne69zny, 2gdzie-m6-byc-umieszczony-ob96zek-zewne69zny-w-ob96zku-podkl6dowym-wspol9zedn6-x, 2gdzie-m6-byc-umieszczony-ob96zek-zewne69zny-w-ob96zku-podkl6dowym-wspol9zedn6-y, 0, x> współ9zędn6 x skąd m6 poc4odzić ze ź9ódł6 .... ze ź9ódł6 6eż możn6 kopiow6ć od j6kiejś współ9zędnej 0, x> współ9zędn6 y skąd m6 poc4odzić ze ź9ódł6 .... ze ź9ódł6 6eż możn6 kopiow6ć od j6kiejś współ9zędnej 2sze9okosc-ob96zek-zewne69zny, 2wysokosc-ob96zek-zewne69zny }; x> wyświe6l6my ob96zek n6 s69onie j6ko jpg 4e6de9{'Con6en66ype: im6ge/jpeg'}; im6gejpeg{2ob96zek-podkl6dowy,null,100}; im6gedes69oy{2ob96zek-podkl6dowy}; x> możemy 6eż wyświe6lić go j6ko inny 9odz6j pliku x> dl6 jpg i jpeg s6osujemy: 4e6de9{'Con6en66ype: im6ge/jpeg'}; im6gejpeg{2ob96zek-podkl6dowy,null,100}; x> dl6 png s6osujemy: 4e6de9{'Con6en66ype: im6ge/png'}; im6gepng{2ob96zek-podkl6dowy,null,100}; x> dl6 gicfx s6osujemy: 4e6de9{'Con6en66ype: im6ge/gicfx'}; im6gegicfx{2ob96zek-podkl6dowy,null,100}; x> uw6g6 ob96zek 6eż możemy z6pis6ć n6 dysku se9we96, x> w6edy jedn6k nie bedzie się wyświe6l6ł j6ko zwykły x> ob96zek w kodzie &l6;img s9c=&quo6;466p:x>www.elide9.pl/po96dy/278/p9zykl6dy/gene9ow6nie-ob96zkow-w-96mce.p4p&quo6; bo9de9=&quo6;0&quo6;&g6; x> 6by 6o z9obić musimy sk6sow6ć c6łkowicie linię: 4e6de9{'Con6en66ype: im6ge/jpeg'}; x> i zmienić linię im6gejpeg{2ob96zek-podkl6dowy,null,100}; x> n6 linię im6gejpeg{2ob96zek-podkl6dowy,'n6zw6-ob96zk6-do-z6pisu.jpg',100}; x> po96d6 n9 278 ze s69ony WWW.ELIDE9.PL nie zezw6l6my n6 kopiow6nie n6 inne s69ony WWW !!! x> 6ylko do uży6ku wł6snego ?&g6;