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í
×
    včera 14:00 | Zajímavý článek

    Byl publikován aktuální přehled vývoje renderovacího jádra webového prohlížeče Servo (Wikipedie).

    Ladislav Hagara | Komentářů: 0
    včera 12:00 | Nová verze

    V programovacím jazyce Go naprogramovaná webová aplikace pro spolupráci na zdrojových kódech pomocí gitu Forgejo byla vydána ve verzi 12.0 (Mastodon). Forgejo je fork Gitei.

    Ladislav Hagara | Komentářů: 0
    17.7. 18:44 | Zajímavý článek

    Nová čísla časopisů od nakladatelství Raspberry Pi zdarma ke čtení: Raspberry Pi Official Magazine 155 (pdf) a Hello World 27 (pdf).

    Ladislav Hagara | Komentářů: 1
    17.7. 16:11 | Nová verze

    Hyprland, tj. kompozitor pro Wayland zaměřený na dláždění okny a zároveň grafické efekty, byl vydán ve verzi 0.50.0. Podrobný přehled novinek na GitHubu.

    Ladislav Hagara | Komentářů: 2
    17.7. 15:55 | Komunita

    Patrick Volkerding oznámil před dvaatřiceti lety vydání Slackware Linuxu 1.00. Slackware Linux byl tenkrát k dispozici na 3,5 palcových disketách. Základní systém byl na 13 disketách. Kdo chtěl grafiku, potřeboval dalších 11 disket. Slackware Linux 1.00 byl postaven na Linuxu .99pl11 Alpha, libc 4.4.1, g++ 2.4.5 a XFree86 1.3.

    Ladislav Hagara | Komentářů: 5
    16.7. 21:22 | IT novinky

    Ministerstvo pro místní rozvoj (MMR) jako první orgán státní správy v Česku spustilo takzvaný „bug bounty“ program pro odhalování bezpečnostních rizik a zranitelných míst ve svých informačních systémech. Za nalezení kritické zranitelnosti nabízí veřejnosti odměnu 1000 eur, v případě vysoké závažnosti je to 500 eur. Program se inspiruje přístupy běžnými v komerčním sektoru nebo ve veřejné sféře v zahraničí.

    Ladislav Hagara | Komentářů: 19
    16.7. 16:22 | IT novinky

    Vláda dne 16. července 2025 schválila návrh nového jednotného vizuálního stylu státní správy. Vytvořilo jej na základě veřejné soutěže studio Najbrt. Náklady na přípravu návrhu a metodiky činily tři miliony korun. Modernizovaný dvouocasý lev vychází z malého státního znaku. Vizuální styl doprovází originální písmo Czechia Sans.

    Ladislav Hagara | Komentářů: 26
    16.7. 15:33 | Upozornění

    Vyhledávač DuckDuckGo je podle webu DownDetector od 2:15 SELČ nedostupný. Opět fungovat začal na několik minut zhruba v 15:15. Další služby nesouvisející přímo s vyhledáváním, jako mapyAI asistent jsou dostupné. Pro některé dotazy během výpadku stále funguje zobrazování například textu z Wikipedie.

    bindiff | Komentářů: 8
    16.7. 13:33 | Bezpečnostní upozornění

    Více než 600 aplikací postavených na PHP frameworku Laravel je zranitelných vůči vzdálenému spuštění libovolného kódu. Útočníci mohou zneužít veřejně uniklé konfigurační klíče APP_KEY (např. z GitHubu). Z více než 260 000 APP_KEY získaných z GitHubu bylo ověřeno, že přes 600 aplikací je zranitelných. Zhruba 63 % úniků pochází z .env souborů, které často obsahují i další citlivé údaje (např. přístupové údaje k databázím nebo cloudovým službám).

    Ladislav Hagara | Komentářů: 5
    16.7. 00:11 | Nová verze

    Open source modální textový editor Helix, inspirovaný editory Vim, Neovim či Kakoune, byl vydán ve verzi 25.07. Přehled novinek se záznamy terminálových sezení v asciinema v oznámení na webu. Detailně v CHANGELOGu na GitHubu.

    Ladislav Hagara | Komentářů: 0
    Jaký je váš oblíbený skriptovací jazyk?
     (59%)
     (27%)
     (7%)
     (3%)
     (0%)
     (1%)
     (4%)
    Celkem 410 hlasů
     Komentářů: 16, poslední 8.6. 21:05
    Rozcestník

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

    21.9.2019 14:14 | Přečteno: 2335× | linux | poslední úprava: 20.9.2019 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.2019 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.2019 17:09 Max | skóre: 72 | 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.2019 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.2019 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.2019 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.2019 10:54 Josef Kufner | skóre: 70
    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.2019 13:50 jiwopene | skóre: 31 | blog: Od každého trochu…
    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.2019 14:27 Josef Kufner | skóre: 70
    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.2019 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.2019 01:32 Josef Kufner | skóre: 70
    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.2019 13:16 Milan Uhrák | skóre: 31 | 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.2019 21:45 Josef Kufner | skóre: 70
    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.2019 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.2019 10:50 Milan Uhrák | skóre: 31 | 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.2019 14:00 jiwopene | skóre: 31 | blog: Od každého trochu…
    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.2019 14:34 Josef Kufner | skóre: 70
    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.2019 19:01 Milan Uhrák | skóre: 31 | blog: milan_at_ABC
    Rozbalit Rozbalit vše Re: PHP7 rozplizlý elipsoidní výřez z obrázku
    Tohle vypadá velmi zajímavě ...
    24.9.2019 19:56 Milan Uhrák | skóre: 31 | 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.2019 01:26 Josef Kufner | skóre: 70
    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.2019 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.2019 20:00 Milan Uhrák | skóre: 31 | 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.