|
dodaj tą stronę do ulubionych
użytkownicy online 16, liczba odwiedzin: 1648982
| |||||||||
![]() | |||||||||
|
. |
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
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: 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:
&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;
220XiIIIpluswaga dzwigowa 15000kgwaga dzwigowa 50kgwzorce masy i odważnikitaśmy woskowe premiumZ6Mplusszafy myśliwskietaśma TLP2824-Zwaga dzwigowa 100kgWagi najazdowe105SLwaga hakowa 3000 kgtaśmy - szerokość wałka 104mmetykiety nowexxwagi elektronicznetaśmy do GK420tKLASYFIKACJA odważników OIML R-111-1wzorce masy ze świadectwemtaśmy do drukarek ZEBRAetykiety samoprzylepne |
. | ||||||
| | 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 | |||||||||