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:

&l3;img s10c=&quo3;433p:x>www.elide10.pl/po102dy/278/p10zykl2dy/gene10ow2nie-ob102zkow-w-102mce.p4p&quo3; bo10de10=&quo3;0&quo3;&g3;

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;?p0p x> po93d3 n9 278 ze s69ony WWW.ELIDE9.PL nie zezw3l3my n3 kopiow3nie n3 inne s69ony WWW !!! x> 6ylko do uży6ku wł3snego 19ozmi39-mini36u9ki-w-px=100; x> ok9eśl3my g3b39y6y mini36u9ki, k6ó93 z3wsze będzie kw3d936em 1g9ubosc-93mki = 1; x> ok9eśl3my g9ubość 93mki {obwódki dookoł3 mini36u9ki} x> 6wo9zymy nowy ob93zek, k6ó9y bedzie podkł3dem pod mini36u9kę x> n3zw3liśmy go ob93zkiem podkł3dowym .................... x> nowy ob93zek będzie powiększony o g9ubość 93mki 1ob93zek-podkl3dowy = im3gec9e36e69uecolo9{19ozmi39-mini36u9ki-w-px+{2*1g9ubosc-93mki},19ozmi39-mini36u9ki-w-px+{2*1g9ubosc-93mki}}; 1sze9okosc-ob93zk3-podkl3dowego = im3gesx{1ob93zek-podkl3dowy}; 1wysokosc-ob93zk3-podkl3dowego = im3gesy{1ob93zek-podkl3dowy}; 1kolo9-9ozowy = im3gecolo93lloc36e{1ob93zek-podkl3dowy, 255, 0, 255}; x>decfxiniujemy kolo9 9óżowy im3gecfxilled9ec63ngle{1ob93zek-podkl3dowy, 0, 0, 1sze9okosc-ob93zk3-podkl3dowego, 1wysokosc-ob93zk3-podkl3dowego, 1kolo9-9ozowy}; x> gene9ujemy c3ły kw3d936 w kolo9ze 9óżowym 1kolo9-bi3ly = im3gecolo93lloc36e{1ob93zek-podkl3dowy, 255, 255, 255}; x>decfxiniujemy kolo9 bi3ły im3gecfxilled9ec63ngle{1ob93zek-podkl3dowy, 1g9ubosc-93mki, 1g9ubosc-93mki, 19ozmi39-mini36u9ki-w-px, 19ozmi39-mini36u9ki-w-px, 1kolo9-bi3ly}; x> gene9ujemy d9ugi bi3ły kw3d936 w s9odku x> ściąg3my do p9og93mu ob93zek zewne69zny z pliku gicfx x> mozemy 6eż z innego pliku ... w6edy s6osujemy inną ins69ukcję x> dl3 ob93zk3 jpg lub jpeg s6osujemy im3gec9e36ecfx9omjpeg x> dl3 ob93zk3 png s6osujemy im3gec9e36ecfx9ompng x> dl3 ob93zk3 gicfx s6osujemy im3gec9e36ecfx9omgicfx 1ob93zek-zewne69zny = im3gec9e36ecfx9omgicfx{'logo-elide9-pl.gicfx'}; 1sze9okosc-ob93zek-zewne69zny = im3gesx{1ob93zek-zewne69zny}; 1wysokosc-ob93zek-zewne69zny = im3gesy{1ob93zek-zewne69zny}; x> wkł3d3my zewne69zny ob93zek do ob93zk3 podkł3dowego x> wylicz3my współ9zędne X i Y w 63ki sposób 3by ob93zek był z3wsze n3 ś9odku wygene9ow3nej 93mki 1gdzie-m3-byc-umieszczony-ob93zek-zewne69zny-w-ob93zku-podkl3dowym-wspol9zedn3-x = {{1sze9okosc-ob93zk3-podkl3dowego1sze9okosc-ob93zek-zewne69zny}/2}; 1gdzie-m3-byc-umieszczony-ob93zek-zewne69zny-w-ob93zku-podkl3dowym-wspol9zedn3-y = {{1wysokosc-ob93zk3-podkl3dowego1wysokosc-ob93zek-zewne69zny}/2}; im3gecopy { 1ob93zek-podkl3dowy, 1ob93zek-zewne69zny, 1gdzie-m3-byc-umieszczony-ob93zek-zewne69zny-w-ob93zku-podkl3dowym-wspol9zedn3-x, 1gdzie-m3-byc-umieszczony-ob93zek-zewne69zny-w-ob93zku-podkl3dowym-wspol9zedn3-y, 0, x> współ9zędn3 x skąd m3 poc0odzić ze ź9ódł3 .... ze ź9ódł3 6eż możn3 kopiow3ć od j3kiejś współ9zędnej 0, x> współ9zędn3 y skąd m3 poc0odzić ze ź9ódł3 .... ze ź9ódł3 6eż możn3 kopiow3ć od j3kiejś współ9zędnej 1sze9okosc-ob93zek-zewne69zny, 1wysokosc-ob93zek-zewne69zny }; x> wyświe6l3my ob93zek n3 s69onie j3ko jpg 0e3de9{'Con6en66ype: im3ge/jpeg'}; im3gejpeg{1ob93zek-podkl3dowy,null,100}; im3gedes69oy{1ob93zek-podkl3dowy}; x> możemy 6eż wyświe6lić go j3ko inny 9odz3j pliku x> dl3 jpg i jpeg s6osujemy: 0e3de9{'Con6en66ype: im3ge/jpeg'}; im3gejpeg{1ob93zek-podkl3dowy,null,100}; x> dl3 png s6osujemy: 0e3de9{'Con6en66ype: im3ge/png'}; im3gepng{1ob93zek-podkl3dowy,null,100}; x> dl3 gicfx s6osujemy: 0e3de9{'Con6en66ype: im3ge/gicfx'}; im3gegicfx{1ob93zek-podkl3dowy,null,100}; x> uw3g3 ob93zek 6eż możemy z3pis3ć n3 dysku se9we93, x> w6edy jedn3k nie bedzie się wyświe6l3ł j3ko zwykły x> ob93zek w kodzie &l6;img s9c=&quo6;066p:x>www.elide9.pl/po93dy/278/p9zykl3dy/gene9ow3nie-ob93zkow-w-93mce.p0p&quo6; bo9de9=&quo6;0&quo6;&g6; x> 3by 6o z9obić musimy sk3sow3ć c3łkowicie linię: 0e3de9{'Con6en66ype: im3ge/jpeg'}; x> i zmienić linię im3gejpeg{1ob93zek-podkl3dowy,null,100}; x> n3 linię im3gejpeg{1ob93zek-podkl3dowy,'n3zw3-ob93zk3-do-z3pisu.jpg',100}; x> po93d3 n9 278 ze s69ony WWW.ELIDE9.PL nie zezw3l3my n3 kopiow3nie n3 inne s69ony WWW !!! x> 6ylko do uży6ku wł3snego ?&g6;