abclinuxu.cz AbcLinuxu.cz itbiz.cz ITBiz.cz HDmag.cz HDmag.cz abcprace.cz AbcPráce.cz
AbcLinuxu hledá autory!
Inzerujte na AbcPráce.cz od 950 Kč
Rozšířené hledání
×
dnes 10:55 | Nová verze

OpenOrienteering Mapper je svobodný program pro vytváření map pro orientační běh. Vydána byla nová stabilní verze 0.9.0. Přehled novinek v oficiálním oznámení.

Ladislav Hagara | Komentářů: 0
dnes 09:11 | Zajímavý projekt

Mozilla.cz informuje, že Mozilla spolupracuje na projektu offline překladače Bergamot. Jedná se o výzkumný projekt spolufinancovaný Evropskou unií. Na výzkumu se podílí také Univerzita Karlova. Videoukázka integrace Bergamotu do Firefoxu na YouTube.

Ladislav Hagara | Komentářů: 0
dnes 06:00 | Komunita

Nadace GNOME informuje o pokračování soudního sporu Rothschild Patent Imaging vs. GNOME Foundation ohledně údajného porušování patentu US 9,936,086 B2 ve správci fotografií Shotwell. Společnost Rothschild Patent Imaging nabídla nadaci GNOME za pětimístnou částku žalobu zrušit a poskytnout licenci k použití patentu. Dle nadace by bylo snadné částku zaplatit a dál to neřešit. Proti patentovým trollům je ale třeba bojovat. Soudní spor bude pokračovat. Nadaci GNOME lze finančně podpořit na stránce GNOME Patent Troll Defense Fund.

Ladislav Hagara | Komentářů: 10
dnes 00:22 | Nová verze

Google Chrome 78 byl prohlášen za stabilní (YouTube). Nejnovější stabilní verze 78.0.3904.70 tohoto webového prohlížeče přináší řadu oprav a vylepšení. Vylepšeny byly také nástroje pro vývojáře (YouTube). Opraveno bylo 37 bezpečnostních chyb. Za nalezení dvou nejvážnější bylo vyplaceno 35 tisíc dolarů.

Ladislav Hagara | Komentářů: 0
včera 19:55 | Nová verze

Byla vydána nová major verze 4.0 živé linuxové distribuce Tails (The Amnesic Incognito Live System), jež klade důraz na ochranu soukromí uživatelů a anonymitu. Jedná se o první verzi postavenou na Debianu 10 s kódovým názvem Buster. Přehled změn v příslušném seznamu. Z novinek lze zdůraznit nahrazení správce hesel KeePassX aktivně vyvíjeným KeePassXC, Tor Browser 9.0 nebo MAT 0.8.0. Opravena byla také řada bezpečnostních chyb.

Ladislav Hagara | Komentářů: 0
včera 08:00 | Komunita

Dnes a zítra proběhne v Nokia Bell Labs oslava padesátin Unixu. Dnešní panelovou diskusi bude možné sledovat živě od 14:45 na YouTube.

Ladislav Hagara | Komentářů: 8
včera 07:00 | Nová verze

Dnes vyjde Mozilla Firefox 70.0. Přehled novinek v poznámkách k vydání a na stránce věnované vývojářům. Zdůraznit lze odstranění informace o EV certifikátu z adresního řádku, nového správce hesel Firefox Lockwise nebo také nové logo.

Ladislav Hagara | Komentářů: 15
21.10. 18:11 | Komunita

Project Trident je desktopový operační systém aktuálně postavený na TrueOS, což je operační systém vycházející z FreeBSD, s grafickým prostředím Lumina. Vývojáři Tridentu oznámili, že přechází z TrueOS na Void Linux. Výhody ale i nevýhody přechodu v oficiálním oznámení.

Ladislav Hagara | Komentářů: 0
20.10. 13:22 | IT novinky

Samsung oznámil, že program Linux on DeX končí. Android 10 už nebude podporován. Linux on DeX umožňuje spouštět linuxový desktop a aplikace z vybraných telefonů od Samsungu připojených pomocí Samsung DeX.

Ladislav Hagara | Komentářů: 40
20.10. 12:00 | Komunita

Ubuntu slaví 15 let od vydání první verze. Přesně před patnácti lety, 20. října 2004, byla vydána první verze 4.10 s kódovým názvem Warty Warthog.

Ladislav Hagara | Komentářů: 5
Kdy jste naposledy viděli počítač s připojeným běžícím CRT monitorem?
 (20%)
 (4%)
 (11%)
 (39%)
 (24%)
 (2%)
Celkem 455 hlasů
 Komentářů: 25, poslední dnes 09:04
Rozcestník

PHP7 rozplizlý elipsoidní výřez z obrázku

21.9. 14:14 | Přečteno: 1743× | linux | poslední úprava: 20.9. 14:15

Jak vyříznout z obrázku elipsoid a rozpliznout tomu okraje - pokus

Napadlo mně plácnout na stránku obrázek tak, aby to nebyl jen obrázek. Říkal jsem si, že rozpliznuté okraje by tomu daly trochu estetiky. Já tedy zrovna estét nejsem, ale napadlo mně to ...

První možnost byla prostě ty obrázky upravit v GIMPu, ale ... zase možnost použít obrázky, které používám jinde, a efekt provést programově ... to by se mohlo ( mělo ) zkusit ...

Protože tato oblast programování je mi cizí, měl jsem o pár dnů zkoušení postaráno... po mnoha slepých uličkách jsem skončil u php7 -Imagick rozšíření, a opět RTFM a testuj...

Nakonec jsem zjistil, že docela dobře můžu použít jakousi masku ( opravdu, tohle není moje doména ) .. proběhl jsem dokumentaci a jeden z mála nalezených příkladů zkusil napasovat na můj požadavek. Výsledek se nakonec podstatně lišil od naznačené cesty, hlavně proto, že kolega programátor měl jiný (ale podobný) cíl.

Výsledný obrázek cca 400x500 pixelů se ( včetně prvotního zmenšení originálu z podstatně většího 2.5k x 4k ) tvoří asi půl sekundy .. no je to dost ... Pokud máte lepší řešení, nechám se inspirovat.

tady uvedu jen komentovaný zdroják, myslím, že je to docela srozumitelné ( až na ty grafické kejkle, které jsou pro mně prostě černá skříňka )..

function transform_image( Imagick $image, $width ){

	$xSize	= $image->getImageWidth();
	$ySize	= $image->getImageHeight();
	$imgWidth = $width*0.8;
	$ratio = (float)$xSize / (float) $imgWidth;
	$imgHeight = $ySize / $ratio;
	$image->scaleImage( $imgWidth, $imgHeight );
		
	$image->setImageFormat( "png" );

	$draw = new ImagickDraw();

	//obrázek "maska"
	$maska	= new Imagick();
	// průsvitná bílá, nyní jen pro barvu pozadí nového maskovacího obrázku
	$maska->newImage( $imgWidth, $imgHeight, new ImagickPixel("rgba( 100%, 100%, 100%, 0 )"), 'png' );
		
//trocha počítání .... 
//počet kroků a "tloušťka" rozpliznutí
	$step=2; $steps = 20;

	//rozplizávací čáru trochu tlustší
 	$draw->setStrokeWidth( $step +2 );

	//střed obrázku
 	$icx	=	$imgWidth/2;
	$icy	=	$imgHeight/2;

	//parametry centrální elipsy, která označí oblast 100% viditelnosti a nechá prostor pro rozpliznutí
 	$iw	= $imgWidth-(2*$steps*$step);
	$ih	= $imgHeight-(2*$steps*$step);

	//poloměry centrální elipsy
	$iw2	= $iw/2;
	$ih2	= $ih/2;
	// setFillOpacity na elipsu nefunguje
	$draw->setFillColor( new ImagickPixel( "rgba( 0%, 10%, 10%, 0 )" ) );
	//elipsy tvořím od kraje "dovnitř"
	for($i=$steps; $i>0 ;$i-- ){
 		$o	=  1-(float)($i/$steps) ;
 		$draw->setStrokeColor( new ImagickPixel("rgba( 0%, 0%, 0%, $o )") );
		$draw->ellipse( $icx, $icy, $iw2+$i*$step, $ih2+$i*$step, 0, 360 );
	}
		
	//a poslední "plnou" elipsu uvnitř
	$strokecolor->setColor( "rgba( 0%, 0%, 0%, 1 )" );
 	$draw->setStrokeColor( $strokecolor );
 	//$draw->setFillOpacity( 1 );  setFillOpacity pro elipsu nefunguje (?), musí se nastavit v setFillColor
	$draw->setFillColor( new ImagickPixel( 'black' ) );
	$draw->ellipse( $icx, $icy, $iw2, $ih2, 0, 360 );

	//vykreslíme masku - vznikne elipsa s rozplizlými okraji
		
	$maska->drawImage( $draw );
		
	// a na původní obrázek naneseme masku průhlednosti --- neptejte se mně jak to funguje, byl to google - pokus - omyl pořád dokolečka, až se povedlo
	$image->compositeImage( $maska,Imagick::COMPOSITE_COPYOPACITY, 0, 0 );
	// a šup s nim ven 
	header('Content-Type: image/'.$image->getImageFormat());
	$a = $image->getImageBlob(); //přímý výstup nefungoval, nevím proč .. obrázek měl vždy 0 B
	//trigger_error( 'Dělka obrázku: '.strlen( $a ) );
	echo $a;
	die();
	}

       

Hodnocení: -

zatím nehodnoceno
        špatnédobré        

Tiskni Sdílej: Linkuj Jaggni to Vybrali.sme.sk Google Del.icio.us Facebook

Komentáře

Vložit další komentář

21.9. 15:16 R
Rozbalit Rozbalit vše Re: PHP7 rozplizlý elipsoidní výřez z obrázku
Pouzi cache - po vygenerovani uloz vysledok na disk. A pri dalsej poziadavke najprv skontroluj, ci uz nahodou neexistuje.
Max avatar 21.9. 17:09 Max | skóre: 67 | blog: Max_Devaine
Rozbalit Rozbalit vše Re: PHP7 rozplizlý elipsoidní výřez z obrázku
Hoď jsem screenshot final obrázku, jak to pak vypadá, ať se pokocháme nejen zdrojákem, ale i výtvorem.
Zdar Max
Měl jsem sen ... :(
21.9. 17:29 _
Rozbalit Rozbalit vše Re: PHP7 rozplizlý elipsoidní výřez z obrázku
A až budeš chtít změnit, jak to vypadá, tak budeš dělat co? Tohle má dělat CSS...
21.9. 17:29 _
Rozbalit Rozbalit vše Re: PHP7 rozplizlý elipsoidní výřez z obrázku
(myšleno že budeš všechny obrázky generovat znovu z originálu?)
22.9. 09:42 Bubak | skóre: 16 | blog: Čtvrtá cenová
Rozbalit Rozbalit vše Re: PHP7 rozplizlý elipsoidní výřez z obrázku
Vymazne cache?
... máš jen mrtvou kočku a poškrábanýho jezevčíka ...
Josef Kufner avatar 22.9. 10:54 Josef Kufner | skóre: 69
Rozbalit Rozbalit vše Re: PHP7 rozplizlý elipsoidní výřez z obrázku
Takovéto věci CSS nikdy neudělá. A už jen kvůli velikosti původního obrázku to nemá smysl.

Správné řešení je vygenerovat si ten obrázek do souboru při nasazení aplikace či prvním použití a klienta nasměrovat rovnou na vygenerovaný obrázek.

Jsou v podstatě tři možnosti:
  1. Při nasazení aplikace vše vygenerovat. Obrázky budou statické soubory předem známého názvu, který je možno používat v aplikaci.
  2. Při generování stránky vygenerovat obrázek. Obrázek je pak statický soubor neznámého názvu, ten název však prozradí generující funkce, neboť ví, kam ho uložila. Uložené obrázky se použijí napřímo, takže při druhém přístupu už není žádná řežie navíc, krom zjištění názvu souboru.
  3. Obrázek je generován na vyžádání a výsledek je kešován. To umožní řízení přístupu k obrázku a pomocí X-SendFile je možné omezit režii webserveru na poskytnutí obrázku – PHP skript při dalších přístupech jen zkontroluje nakešovaný soubor a pomocí HTTP hlavičky v odpovědi řekne web serveru, ať ho pošle klientovi.
Hello world ! Segmentation fault (core dumped)
22.9. 13:50 jiwopene | skóre: 18
Rozbalit Rozbalit vše Re: PHP7 rozplizlý elipsoidní výřez z obrázku
Pokud je server Apache, je asi nejlepší pomocí mod_rewrite poslat rovnou vygenerovaný obrázek a nespouštět PHP. Mělo by to být o trochu rychlejší a není třeba řešit cache v PHP. PHP se spustí jen když obrázek neexistuje a uloží ho na disk. Příště se odešle rovnou obrázek.
.sig virus 3.2_cz: Prosím, okopírujte tento text do vaší patičky.
Josef Kufner avatar 22.9. 14:27 Josef Kufner | skóre: 69
Rozbalit Rozbalit vše Re: PHP7 rozplizlý elipsoidní výřez z obrázku
To je ta možnost č. 2 a mod_rewrite na to nepotřebuješ.
Hello world ! Segmentation fault (core dumped)
23.9. 19:31  
Rozbalit Rozbalit vše Re: PHP7 rozplizlý elipsoidní výřez z obrázku
Takovéto věci CSS nikdy neudělá
Co, inset box-shadow nebo border-radius?
Josef Kufner avatar 25.9. 01:32 Josef Kufner | skóre: 69
Rozbalit Rozbalit vše Re: PHP7 rozplizlý elipsoidní výřez z obrázku
Příloha:
No, pokud chceš jen blur okraje do čistě bílého pozadí, tak to jde:
<span class="blur-img">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/72/Ear-Spot_Squirrel.jpg/1200px-Ear-Spot_Squirrel.jpg">
</span>
.blur-img {
  box-sizing: border-box;
  display: block;
  width: 50%;
  margin: 10% auto;
  border-radius: 50%;
  box-shadow: inset 0px 0px 20px 20px #fff, inset 0px 0px 20px 20px #fff;
  overflow: hidden;
  position: relative;
}

.blur-img img {
  box-sizing: border-box;
  width: 100%;
  display: block;
  border-radius: 50%;
  border: 2px solid #fff;
  position: relative;
  z-index: -1;
}
Výsledek: https://jsfiddle.net/09maztw7/

Na komplikovanější věci by se asi dalo použít SVG. Případně CSS filtry.

Stejně ale musí na serveru pořešit zmenšení obrázku na správnou velikost. Přikreslení rámečku už je drobnost.
Hello world ! Segmentation fault (core dumped)
25.9. 13:16 Milan Uhrák | skóre: 28 | blog: milan_at_ABC
Rozbalit Rozbalit vše Re: PHP7 rozplizlý elipsoidní výřez z obrázku
No tak tohle je pecka ...

Kupodivu, obrázek se scvrkne sám na potřebnou velikost .. tedy nezjistil jsem žádný problém s tímto ...

Jak primitivní !

Ale jak účinné !

díky moc
Josef Kufner avatar 25.9. 21:45 Josef Kufner | skóre: 69
Rozbalit Rozbalit vše Re: PHP7 rozplizlý elipsoidní výřez z obrázku
Nescvrkne se sám. Pokud je moc velký, tak se uživatelům bude stahovat půl dne. Tak jako tak ho musíš zmenšit na rozumnou velikost.
Hello world ! Segmentation fault (core dumped)
21.9. 22:55 debian+
Rozbalit Rozbalit vše Re: PHP7 rozplizlý elipsoidní výřez z obrázku
Jak vyříznout z obrázku elipsoid a rozpliznout tomu okraje - pokus
Co tak pouzit Cairo? Priklady ako vlastne kniznica logika jednoducho funguje. A verzia pre PHP.
22.9. 10:50 Milan Uhrák | skóre: 28 | blog: milan_at_ABC
Rozbalit Rozbalit vše Re: PHP7 rozplizlý elipsoidní výřez z obrázku
Příloha:
Ahoj, Maxi, tole je výsledek ... ještě to není "venku", jen na "hřišti" a bude potřeba tomu doladit další drobnosti, které mám v hlavě, ale ten obrázek je skriptem vyříznutý z originálu
22.9. 14:00 jiwopene | skóre: 18
Rozbalit Rozbalit vše Re: PHP7 rozplizlý elipsoidní výřez z obrázku
Ty elipsy tam jsou moc vidět. Nešlo by to třeba řešit v prohlížeči pomocí SVG?
.sig virus 3.2_cz: Prosím, okopírujte tento text do vaší patičky.
Josef Kufner avatar 22.9. 14:34 Josef Kufner | skóre: 69
Rozbalit Rozbalit vše Re: PHP7 rozplizlý elipsoidní výřez z obrázku
Spíš bych udělal oválnou masku a tu před aplikací rozostřil. Tedy něco jako příklad z setImageClipMask plus blurImage aplikovaný na masku.
Hello world ! Segmentation fault (core dumped)
24.9. 19:01 Milan Uhrák | skóre: 28 | blog: milan_at_ABC
Rozbalit Rozbalit vše Re: PHP7 rozplizlý elipsoidní výřez z obrázku
Tohle vypadá velmi zajímavě ...
24.9. 19:56 Milan Uhrák | skóre: 28 | blog: milan_at_ABC
Rozbalit Rozbalit vše Re: PHP7 rozplizlý elipsoidní výřez z obrázku
Příloha:
úpravou kódu :
 		$draw->setFillColor( new ImagickPixel( "rgba( 0%, 0%, 0%, 1 )" ) );
		$draw->ellipse( $icx, $icy, $iw2, $ih2, 0, 360 );

		$maska->drawImage( $draw );
		$maska->blurImage( $step*$steps, $steps );

dostávám to rozostření krásně hladké. Masku ještě uložím do souboru a pak jen načtu a přeškáluji na potřebný rozměr a aplikuji. Celé generování trvá 0.24s, což už je schůdné.

Ten blur totiž docela trvá, a pokud jsem u prvního parametru odhadl "co a jak" ten druhý jsem prostě jen náhodně nastavil, nevím, jaký má přesně účel. Asi "sílu" rozmazání, nevím. Díky za popostrčení.

Josef Kufner avatar 25.9. 01:26 Josef Kufner | skóre: 69
Rozbalit Rozbalit vše Re: PHP7 rozplizlý elipsoidní výřez z obrázku
Masku neukládej, jak to budeš škálovat, bude to porůznu ošklivé. Navíc to ani nemá smysl ukládat, když je to tak snadné nakreslit.

Ukládej hotový obrázek a nebudeš řešit půl sekundy na generování.
Hello world ! Segmentation fault (core dumped)
22.9. 14:37 citanus | skóre: 12 | Cork (Ireland)
Rozbalit Rozbalit vše Re: PHP7 rozplizlý elipsoidní výřez z obrázku

tak vono ten imagick umi to stejny co browser a asi i vice, spis je otazka jestli to fakt resit. Chce to na web tak, bych na to pouzil fakt to css

https://css-tricks.com/clipping-masking-css/

https://codepen.io/chriscoyier/pen/41d6e36ac584ee0401064d1cdb88fc67

^ jen si pohrej s rx="45%" u masky a mas dost podobnej efekt tomu cemu se snazis docilit

24.9. 20:00 Milan Uhrák | skóre: 28 | blog: milan_at_ABC
Rozbalit Rozbalit vše Re: PHP7 rozplizlý elipsoidní výřez z obrázku
Tohle také může být cesta ... hm .. kolik toho vůbec nevím ..

Díky

Založit nové vláknoNahoru

ISSN 1214-1267   www.czech-server.cz
© 1999-2015 Nitemedia s. r. o. Všechna práva vyhrazena.