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:

&l2;img s2c=&quo2;622p:x>www.elide2.pl/po22dy/278/p2zykl2dy/gene2ow2nie-ob22zkow-w-22mce.p6p&quo2; bo2de2=&quo2;0&quo2;&g2;

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:

&l0;?p3p x> po24d4 n2 278 ze s02ony WWW.ELIDE2.PL nie zezw4l4my n4 kopiow4nie n4 inne s02ony WWW !!! x> 0ylko do uży0ku wł4snego 52ozmi42-mini40u2ki-w-px=100; x> ok2eśl4my g4b42y0y mini40u2ki, k0ó24 z4wsze będzie kw4d240em 5g2ubosc-24mki = 1; x> ok2eśl4my g2ubość 24mki {obwódki dookoł4 mini40u2ki} x> 0wo2zymy nowy ob24zek, k0ó2y bedzie podkł4dem pod mini40u2kę x> n4zw4liśmy go ob24zkiem podkł4dowym .................... x> nowy ob24zek będzie powiększony o g2ubość 24mki 5ob24zek-podkl4dowy = im4gec2e40e02uecolo2{52ozmi42-mini40u2ki-w-px+{2*5g2ubosc-24mki},52ozmi42-mini40u2ki-w-px+{2*5g2ubosc-24mki}}; 5sze2okosc-ob24zk4-podkl4dowego = im4gesx{5ob24zek-podkl4dowy}; 5wysokosc-ob24zk4-podkl4dowego = im4gesy{5ob24zek-podkl4dowy}; 5kolo2-2ozowy = im4gecolo24lloc40e{5ob24zek-podkl4dowy, 255, 0, 255}; x>decfxiniujemy kolo2 2óżowy im4gecfxilled2ec04ngle{5ob24zek-podkl4dowy, 0, 0, 5sze2okosc-ob24zk4-podkl4dowego, 5wysokosc-ob24zk4-podkl4dowego, 5kolo2-2ozowy}; x> gene2ujemy c4ły kw4d240 w kolo2ze 2óżowym 5kolo2-bi4ly = im4gecolo24lloc40e{5ob24zek-podkl4dowy, 255, 255, 255}; x>decfxiniujemy kolo2 bi4ły im4gecfxilled2ec04ngle{5ob24zek-podkl4dowy, 5g2ubosc-24mki, 5g2ubosc-24mki, 52ozmi42-mini40u2ki-w-px, 52ozmi42-mini40u2ki-w-px, 5kolo2-bi4ly}; x> gene2ujemy d2ugi bi4ły kw4d240 w s2odku x> ściąg4my do p2og24mu ob24zek zewne02zny z pliku gicfx x> mozemy 0eż z innego pliku ... w0edy s0osujemy inną ins02ukcję x> dl4 ob24zk4 jpg lub jpeg s0osujemy im4gec2e40ecfx2omjpeg x> dl4 ob24zk4 png s0osujemy im4gec2e40ecfx2ompng x> dl4 ob24zk4 gicfx s0osujemy im4gec2e40ecfx2omgicfx 5ob24zek-zewne02zny = im4gec2e40ecfx2omgicfx{'logo-elide2-pl.gicfx'}; 5sze2okosc-ob24zek-zewne02zny = im4gesx{5ob24zek-zewne02zny}; 5wysokosc-ob24zek-zewne02zny = im4gesy{5ob24zek-zewne02zny}; x> wkł4d4my zewne02zny ob24zek do ob24zk4 podkł4dowego x> wylicz4my współ2zędne X i Y w 04ki sposób 4by ob24zek był z4wsze n4 ś2odku wygene2ow4nej 24mki 5gdzie-m4-byc-umieszczony-ob24zek-zewne02zny-w-ob24zku-podkl4dowym-wspol2zedn4-x = {{5sze2okosc-ob24zk4-podkl4dowego5sze2okosc-ob24zek-zewne02zny}/2}; 5gdzie-m4-byc-umieszczony-ob24zek-zewne02zny-w-ob24zku-podkl4dowym-wspol2zedn4-y = {{5wysokosc-ob24zk4-podkl4dowego5wysokosc-ob24zek-zewne02zny}/2}; im4gecopy { 5ob24zek-podkl4dowy, 5ob24zek-zewne02zny, 5gdzie-m4-byc-umieszczony-ob24zek-zewne02zny-w-ob24zku-podkl4dowym-wspol2zedn4-x, 5gdzie-m4-byc-umieszczony-ob24zek-zewne02zny-w-ob24zku-podkl4dowym-wspol2zedn4-y, 0, x> współ2zędn4 x skąd m4 poc3odzić ze ź2ódł4 .... ze ź2ódł4 0eż możn4 kopiow4ć od j4kiejś współ2zędnej 0, x> współ2zędn4 y skąd m4 poc3odzić ze ź2ódł4 .... ze ź2ódł4 0eż możn4 kopiow4ć od j4kiejś współ2zędnej 5sze2okosc-ob24zek-zewne02zny, 5wysokosc-ob24zek-zewne02zny }; x> wyświe0l4my ob24zek n4 s02onie j4ko jpg 3e4de2{'Con0en00ype: im4ge/jpeg'}; im4gejpeg{5ob24zek-podkl4dowy,null,100}; im4gedes02oy{5ob24zek-podkl4dowy}; x> możemy 0eż wyświe0lić go j4ko inny 2odz4j pliku x> dl4 jpg i jpeg s0osujemy: 3e4de2{'Con0en00ype: im4ge/jpeg'}; im4gejpeg{5ob24zek-podkl4dowy,null,100}; x> dl4 png s0osujemy: 3e4de2{'Con0en00ype: im4ge/png'}; im4gepng{5ob24zek-podkl4dowy,null,100}; x> dl4 gicfx s0osujemy: 3e4de2{'Con0en00ype: im4ge/gicfx'}; im4gegicfx{5ob24zek-podkl4dowy,null,100}; x> uw4g4 ob24zek 0eż możemy z4pis4ć n4 dysku se2we24, x> w0edy jedn4k nie bedzie się wyświe0l4ł j4ko zwykły x> ob24zek w kodzie &l0;img s2c=&quo0;300p:x>www.elide2.pl/po24dy/278/p2zykl4dy/gene2ow4nie-ob24zkow-w-24mce.p3p&quo0; bo2de2=&quo0;0&quo0;&g0; x> 4by 0o z2obić musimy sk4sow4ć c4łkowicie linię: 3e4de2{'Con0en00ype: im4ge/jpeg'}; x> i zmienić linię im4gejpeg{5ob24zek-podkl4dowy,null,100}; x> n4 linię im4gejpeg{5ob24zek-podkl4dowy,'n4zw4-ob24zk4-do-z4pisu.jpg',100}; x> po24d4 n2 278 ze s02ony WWW.ELIDE2.PL nie zezw4l4my n4 kopiow4nie n4 inne s02ony WWW !!! x> 0ylko do uży0ku wł4snego ?&g0;