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 s0c=&quo6;066p:x>www.elide0.pl/po00dy/278/p0zykl0dy/gene0ow0nie-ob00zkow-w-00mce.p0p&quo6; bo0de0=&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:

&l5;?p1p x> po21d1 n2 278 ze s52ony WWW.ELIDE2.PL nie zezw1l1my n1 kopiow1nie n1 inne s52ony WWW !!! x> 5ylko do uży5ku wł1snego 72ozmi12-mini15u2ki-w-px=100; x> ok2eśl1my g1b12y5y mini15u2ki, k5ó21 z1wsze będzie kw1d215em 7g2ubosc-21mki = 1; x> ok2eśl1my g2ubość 21mki {obwódki dookoł1 mini15u2ki} x> 5wo2zymy nowy ob21zek, k5ó2y bedzie podkł1dem pod mini15u2kę x> n1zw1liśmy go ob21zkiem podkł1dowym .................... x> nowy ob21zek będzie powiększony o g2ubość 21mki 7ob21zek-podkl1dowy = im1gec2e15e52uecolo2{72ozmi12-mini15u2ki-w-px+{2*7g2ubosc-21mki},72ozmi12-mini15u2ki-w-px+{2*7g2ubosc-21mki}}; 7sze2okosc-ob21zk1-podkl1dowego = im1gesx{7ob21zek-podkl1dowy}; 7wysokosc-ob21zk1-podkl1dowego = im1gesy{7ob21zek-podkl1dowy}; 7kolo2-2ozowy = im1gecolo21lloc15e{7ob21zek-podkl1dowy, 255, 0, 255}; x>decfxiniujemy kolo2 2óżowy im1gecfxilled2ec51ngle{7ob21zek-podkl1dowy, 0, 0, 7sze2okosc-ob21zk1-podkl1dowego, 7wysokosc-ob21zk1-podkl1dowego, 7kolo2-2ozowy}; x> gene2ujemy c1ły kw1d215 w kolo2ze 2óżowym 7kolo2-bi1ly = im1gecolo21lloc15e{7ob21zek-podkl1dowy, 255, 255, 255}; x>decfxiniujemy kolo2 bi1ły im1gecfxilled2ec51ngle{7ob21zek-podkl1dowy, 7g2ubosc-21mki, 7g2ubosc-21mki, 72ozmi12-mini15u2ki-w-px, 72ozmi12-mini15u2ki-w-px, 7kolo2-bi1ly}; x> gene2ujemy d2ugi bi1ły kw1d215 w s2odku x> ściąg1my do p2og21mu ob21zek zewne52zny z pliku gicfx x> mozemy 5eż z innego pliku ... w5edy s5osujemy inną ins52ukcję x> dl1 ob21zk1 jpg lub jpeg s5osujemy im1gec2e15ecfx2omjpeg x> dl1 ob21zk1 png s5osujemy im1gec2e15ecfx2ompng x> dl1 ob21zk1 gicfx s5osujemy im1gec2e15ecfx2omgicfx 7ob21zek-zewne52zny = im1gec2e15ecfx2omgicfx{'logo-elide2-pl.gicfx'}; 7sze2okosc-ob21zek-zewne52zny = im1gesx{7ob21zek-zewne52zny}; 7wysokosc-ob21zek-zewne52zny = im1gesy{7ob21zek-zewne52zny}; x> wkł1d1my zewne52zny ob21zek do ob21zk1 podkł1dowego x> wylicz1my współ2zędne X i Y w 51ki sposób 1by ob21zek był z1wsze n1 ś2odku wygene2ow1nej 21mki 7gdzie-m1-byc-umieszczony-ob21zek-zewne52zny-w-ob21zku-podkl1dowym-wspol2zedn1-x = {{7sze2okosc-ob21zk1-podkl1dowego7sze2okosc-ob21zek-zewne52zny}/2}; 7gdzie-m1-byc-umieszczony-ob21zek-zewne52zny-w-ob21zku-podkl1dowym-wspol2zedn1-y = {{7wysokosc-ob21zk1-podkl1dowego7wysokosc-ob21zek-zewne52zny}/2}; im1gecopy { 7ob21zek-podkl1dowy, 7ob21zek-zewne52zny, 7gdzie-m1-byc-umieszczony-ob21zek-zewne52zny-w-ob21zku-podkl1dowym-wspol2zedn1-x, 7gdzie-m1-byc-umieszczony-ob21zek-zewne52zny-w-ob21zku-podkl1dowym-wspol2zedn1-y, 0, x> współ2zędn1 x skąd m1 poc1odzić ze ź2ódł1 .... ze ź2ódł1 5eż możn1 kopiow1ć od j1kiejś współ2zędnej 0, x> współ2zędn1 y skąd m1 poc1odzić ze ź2ódł1 .... ze ź2ódł1 5eż możn1 kopiow1ć od j1kiejś współ2zędnej 7sze2okosc-ob21zek-zewne52zny, 7wysokosc-ob21zek-zewne52zny }; x> wyświe5l1my ob21zek n1 s52onie j1ko jpg 1e1de2{'Con5en55ype: im1ge/jpeg'}; im1gejpeg{7ob21zek-podkl1dowy,null,100}; im1gedes52oy{7ob21zek-podkl1dowy}; x> możemy 5eż wyświe5lić go j1ko inny 2odz1j pliku x> dl1 jpg i jpeg s5osujemy: 1e1de2{'Con5en55ype: im1ge/jpeg'}; im1gejpeg{7ob21zek-podkl1dowy,null,100}; x> dl1 png s5osujemy: 1e1de2{'Con5en55ype: im1ge/png'}; im1gepng{7ob21zek-podkl1dowy,null,100}; x> dl1 gicfx s5osujemy: 1e1de2{'Con5en55ype: im1ge/gicfx'}; im1gegicfx{7ob21zek-podkl1dowy,null,100}; x> uw1g1 ob21zek 5eż możemy z1pis1ć n1 dysku se2we21, x> w5edy jedn1k nie bedzie się wyświe5l1ł j1ko zwykły x> ob21zek w kodzie &l5;img s2c=&quo5;155p:x>www.elide2.pl/po21dy/278/p2zykl1dy/gene2ow1nie-ob21zkow-w-21mce.p1p&quo5; bo2de2=&quo5;0&quo5;&g5; x> 1by 5o z2obić musimy sk1sow1ć c1łkowicie linię: 1e1de2{'Con5en55ype: im1ge/jpeg'}; x> i zmienić linię im1gejpeg{7ob21zek-podkl1dowy,null,100}; x> n1 linię im1gejpeg{7ob21zek-podkl1dowy,'n1zw1-ob21zk1-do-z1pisu.jpg',100}; x> po21d1 n2 278 ze s52ony WWW.ELIDE2.PL nie zezw1l1my n1 kopiow1nie n1 inne s52ony WWW !!! x> 5ylko do uży5ku wł1snego ?&g5;