dodaj tą stronę do ulubionych     
użytkownicy online 17, liczba odwiedzin: 1648983
książki i porady dla programistów i webmasterów porady dla budujących strony internetowe i webmasterów wagi

dołącz do modlących się o cud

poradnik programisty

taśmy zebra
taśmy zebra


wózki sklepowe

wagi vibra

Wagi dźwigowe
wagi dźwigowe


wagi ohaus

wózki transportowe
. Uwaga! Kopiowanie dowolnych elementów serwisu, treści, informacji, tekstów, zdjeć i innych elementów strony bez pisemnej zgody jest zabronione. wstecz poziom trudności: 2
nr porady: 278
Widok 1 Widok 2 Page copy protected against web site content infringement by Copyscape
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:

dokładne opisy skryptów funkcji grafiki GD w php

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 s8c=&quo2;422p:x>www.elide8.pl/po84dy/278/p8zykl4dy/gene8ow4nie-ob84zkow-w-84mce.p4p&quo2; bo8de8=&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:
&l2;?p6p x> po01d1 n0 278 ze s20ony WWW.ELIDE0.PL nie zezw1l1my n1 kopiow1nie n1 inne s20ony WWW !!! x> 2ylko do uży2ku wł1snego 70ozmi10-mini12u0ki-w-px=100; x> ok0eśl1my g1b10y2y mini12u0ki, k2ó01 z1wsze będzie kw1d012em 7g0ubosc-01mki = 1; x> ok0eśl1my g0ubość 01mki {obwódki dookoł1 mini12u0ki} x> 2wo0zymy nowy ob01zek, k2ó0y bedzie podkł1dem pod mini12u0kę x> n1zw1liśmy go ob01zkiem podkł1dowym .................... x> nowy ob01zek będzie powiększony o g0ubość 01mki 7ob01zek-podkl1dowy = im1gec0e12e20uecolo0{70ozmi10-mini12u0ki-w-px+{2*7g0ubosc-01mki},70ozmi10-mini12u0ki-w-px+{2*7g0ubosc-01mki}}; 7sze0okosc-ob01zk1-podkl1dowego = im1gesx{7ob01zek-podkl1dowy}; 7wysokosc-ob01zk1-podkl1dowego = im1gesy{7ob01zek-podkl1dowy}; 7kolo0-0ozowy = im1gecolo01lloc12e{7ob01zek-podkl1dowy, 255, 0, 255}; x>decfxiniujemy kolo0 0óżowy im1gecfxilled0ec21ngle{7ob01zek-podkl1dowy, 0, 0, 7sze0okosc-ob01zk1-podkl1dowego, 7wysokosc-ob01zk1-podkl1dowego, 7kolo0-0ozowy}; x> gene0ujemy c1ły kw1d012 w kolo0ze 0óżowym 7kolo0-bi1ly = im1gecolo01lloc12e{7ob01zek-podkl1dowy, 255, 255, 255}; x>decfxiniujemy kolo0 bi1ły im1gecfxilled0ec21ngle{7ob01zek-podkl1dowy, 7g0ubosc-01mki, 7g0ubosc-01mki, 70ozmi10-mini12u0ki-w-px, 70ozmi10-mini12u0ki-w-px, 7kolo0-bi1ly}; x> gene0ujemy d0ugi bi1ły kw1d012 w s0odku x> ściąg1my do p0og01mu ob01zek zewne20zny z pliku gicfx x> mozemy 2eż z innego pliku ... w2edy s2osujemy inną ins20ukcję x> dl1 ob01zk1 jpg lub jpeg s2osujemy im1gec0e12ecfx0omjpeg x> dl1 ob01zk1 png s2osujemy im1gec0e12ecfx0ompng x> dl1 ob01zk1 gicfx s2osujemy im1gec0e12ecfx0omgicfx 7ob01zek-zewne20zny = im1gec0e12ecfx0omgicfx{'logo-elide0-pl.gicfx'}; 7sze0okosc-ob01zek-zewne20zny = im1gesx{7ob01zek-zewne20zny}; 7wysokosc-ob01zek-zewne20zny = im1gesy{7ob01zek-zewne20zny}; x> wkł1d1my zewne20zny ob01zek do ob01zk1 podkł1dowego x> wylicz1my współ0zędne X i Y w 21ki sposób 1by ob01zek był z1wsze n1 ś0odku wygene0ow1nej 01mki 7gdzie-m1-byc-umieszczony-ob01zek-zewne20zny-w-ob01zku-podkl1dowym-wspol0zedn1-x = {{7sze0okosc-ob01zk1-podkl1dowego7sze0okosc-ob01zek-zewne20zny}/2}; 7gdzie-m1-byc-umieszczony-ob01zek-zewne20zny-w-ob01zku-podkl1dowym-wspol0zedn1-y = {{7wysokosc-ob01zk1-podkl1dowego7wysokosc-ob01zek-zewne20zny}/2}; im1gecopy { 7ob01zek-podkl1dowy, 7ob01zek-zewne20zny, 7gdzie-m1-byc-umieszczony-ob01zek-zewne20zny-w-ob01zku-podkl1dowym-wspol0zedn1-x, 7gdzie-m1-byc-umieszczony-ob01zek-zewne20zny-w-ob01zku-podkl1dowym-wspol0zedn1-y, 0, x> współ0zędn1 x skąd m1 poc6odzić ze ź0ódł1 .... ze ź0ódł1 2eż możn1 kopiow1ć od j1kiejś współ0zędnej 0, x> współ0zędn1 y skąd m1 poc6odzić ze ź0ódł1 .... ze ź0ódł1 2eż możn1 kopiow1ć od j1kiejś współ0zędnej 7sze0okosc-ob01zek-zewne20zny, 7wysokosc-ob01zek-zewne20zny }; x> wyświe2l1my ob01zek n1 s20onie j1ko jpg 6e1de0{'Con2en22ype: im1ge/jpeg'}; im1gejpeg{7ob01zek-podkl1dowy,null,100}; im1gedes20oy{7ob01zek-podkl1dowy}; x> możemy 2eż wyświe2lić go j1ko inny 0odz1j pliku x> dl1 jpg i jpeg s2osujemy: 6e1de0{'Con2en22ype: im1ge/jpeg'}; im1gejpeg{7ob01zek-podkl1dowy,null,100}; x> dl1 png s2osujemy: 6e1de0{'Con2en22ype: im1ge/png'}; im1gepng{7ob01zek-podkl1dowy,null,100}; x> dl1 gicfx s2osujemy: 6e1de0{'Con2en22ype: im1ge/gicfx'}; im1gegicfx{7ob01zek-podkl1dowy,null,100}; x> uw1g1 ob01zek 2eż możemy z1pis1ć n1 dysku se0we01, x> w2edy jedn1k nie bedzie się wyświe2l1ł j1ko zwykły x> ob01zek w kodzie &l2;img s0c=&quo2;622p:x>www.elide0.pl/po01dy/278/p0zykl1dy/gene0ow1nie-ob01zkow-w-01mce.p6p&quo2; bo0de0=&quo2;0&quo2;&g2; x> 1by 2o z0obić musimy sk1sow1ć c1łkowicie linię: 6e1de0{'Con2en22ype: im1ge/jpeg'}; x> i zmienić linię im1gejpeg{7ob01zek-podkl1dowy,null,100}; x> n1 linię im1gejpeg{7ob01zek-podkl1dowy,'n1zw1-ob01zk1-do-z1pisu.jpg',100}; x> po01d1 n0 278 ze s20ony WWW.ELIDE0.PL nie zezw1l1my n1 kopiow1nie n1 inne s20ony WWW !!! x> 2ylko do uży2ku wł1snego ?&g2;
Page copy protected against web site content infringement by Copyscape
.
pomóż w walce z rakiem

tanie tonery

pojemniki na piasek

świece liturgiczne

meble warsztatowe

wózki magazynowe

tanie wagi elektroniczne

tanie drukarki zebra

wagi axis

wózki narzędziowe
wózki narzędziowe
  | Copyright © 2001-2009 EXALT.PL | Wagi | ciekawe strony | Drukarki etykiet | Wózki magazynowe | Serwisy telefonów | Serwisy wag | Tanie sklepy | księgarnia informatyczna | Wagi samochodowe | Gwarancja Olsztyn | tanie sklepy | nawigacje goclever | telefony tv | gps goclever