Diskuze: Machr na PHP - Úprava obrázků
Michal Žůrek - misaz:2.4.2015 11:00
a proč bych to všechno měl dělat dvakrát. V JS ho může upravovat a real-time vidět náhled třeba stmavení a pak ho normálně stáhne.
JS umožňuje vyvolat stahování souboru a to na jeho poměr docela
jednoduše a elegantně. 
Pořád tam nějak nevidím ten smysl serverové strany.
Zdeněk Pavlátka:2.4.2015 11:07
Nejde tak úplně o úpravy obrázků v prohlížeči, smysl úlohy je práce
s obrázky v PHP 
Tedy s obrázky jsem naposledy pracoval několik let zpátky a nevím, jestli
jsou ty funkce zastaralé, ale mno. 
Každopádně něco jsem napsal, chtěl jsem se konečně taky
zůčastnit nějakého Machra. 
http://leteckaposta.cz/515278883
Uživatel sítě :3.4.2015 11:04
Tak když je to zadání ve vlákně PHP?
Proč to dál rozmazávat, že jiný jazyk by byl ideální apod..
Máš předem daný jazyk ve kterým to napsat a hotovo.. ![]:>](images/img/smileys/evil.png)
piatoksviatok:3.4.2015 12:52
vidím, že to tu asi riešite, lebo viem kresliť cez php, ale urobiť
tlačítko v graficky bezchybnom odtieni šedej,.... ahaaaahhaahahahahahaha ,
ved ja neviem kresliť rukou.... . Idem čítať, každopádne ďakujem za vašu námahu nás niečo
naučiť.
Neaktivní uživatel:3.4.2015 13:04
Já napsal třídu čistě v PHP a k tomu přiložil HTML formulář. Nevím,
jestli to bude Zdeněk Pavlátka stačit, je to ale jedna z možností.
Michal Žůrek - misaz:3.4.2015 14:28
Machr by měl docílit abyste se naučili něco zajímavého na něčem co se
v praxi dá nějak zužitkovat. Proto se ofrňuju, ale lepší než nic, pokud
se na tom někdo něco naučí. Já to tedy vyřeším (i kdyby mimo soutěž) v
JavaScriptu.
Jestli mluvíš o PHP filtrech, tak brightness je jas - kladná hodnota je
zesvětlení, záporná ztmavení. Contrast je - jak z názvu vyplývá -
kontrast.
Neaktivní uživatel:3.4.2015 17:39
Je, promiň, nevšiml jsem si, že sis to upravil. Na hlavní stránce je to jinak
jak v diskuzi.
Ondrca:3.4.2015 18:26
Díky za odpověď, je to moje první práce v PHP, tak snad to nebude
žádný prasekód či něco
Uživatel sítě :3.4.2015 18:42
Né každý má v lásce JS. 
Ale řešení může být zajímavé, těším se..
pustil jsem se do toho zdrojový kód má celkem 889 řádků (TS: 577, HTML:
25, CSS: 287) a jediné co to zatím umí je načíst obrázek Snad to stihnu dokončit.
Co tak koukám, všicí si dávaj záležet i na těch formulářích... Bude se za klientskou stranu
také počítat body, nebo jen za PHP (respektive JS)?
Ahoj!
tak se tedy hlásím s mým celkem velkým editorem fotografií/obrázků.
Umí všechny potřebné funkce, které jsou v zadání je skvělé objektový a je připraven na další rozšíření. Všechny stěžejní funkce jsou již hotové.
Umí
- vytvořit nové bílé plátno
- otevřít obrázek z lokálního počítače
- otevřít obrázek z URL (pokud server posílá hlavičku, která to JavaScriptu umožní)
- exportovat obrázek v PNG
- exportovat obrázek v JPEG
- vrátit předchozí provedenou akci
- zrušit vrácení provedené akce
- zobrazit kompletní historii změn v obrázku
- porovnávat rozdíly před a po použití funkce
- vrátit se do libovolného bodu v historii změn
- převést obrázek do sépie
- převést obrázek do stupňů šedi
- nastavit jas obrázku
- překlopit obrázek vodorovně
- překlopit obrázek svisle
- otočit obrázek o 90°
- otočit obrázek o 180°
- otočit obrázek o 270°
- otočit obrázek o -90°
- otočit obrázek o -180°
- otočit obrázek o -270°
- pamatuje si seznam naposledy uložených obrázků
- naposledy uložené obrázky zobrazuje na vítací obrazovce
- umožňuje editovat v jedné záložce prohlížeče více obrázku najednou díky panelu otevřených záložek
- umí pracovat a přepínat se do full screen režimu
- nástroje jas a historie otevírá v plovoucích oknech, díky tomu lze efektivněji využívat (hlavně nástroj historie) na více obrazovkových monitorech
- umí uložit v komprimované složce (metoda ZIP) všechny obrázky ze všech otevřených záložek
- plně podporován a testován v Internet Explorerem 10
- plně podporován a testován v Chrome 40
- plně podporován a testován v Mozilla Firefox 35
- částečně podporován v Project Spartan (zhruba 60% podpora)
- částečně podporován v Opera 12.17 (zhruba 90% podpora)
Implementace
aplikaci lze samozřejmě otevřít otevřením souboru index.html v
prohlížeči (kdo by to čekal, že). jenže... nástroje jas a historie
nebudou dostupné, protože pro jejich běh je z bezpečnostních důvodů
(které jsem si nevymyslel já) běh aplikace na serveru. Můžete proto si
aplikaci buď rozhodit na localhostu nebo rovnou spustit z http://misaz.moxo.cz/mphotobeta
Bugy
Ano aplikace je větší, tak i ačkoliv prošla důkladným testováním
jistojistě bude obsahovat nějaké bugy, můžete je samozřejmě hlásit.
Prozatím vím, jen o tom, že můj oblíbený Google Chrome vyhodí ptáky při
exportu většího obrázku nebo ZIPu. Internet Explorer v záchvatu volání
Windows API při větším obrázku naopak (ne však vždy) spadne s chybou
"Datová oblast předaná systémové službě je příliš malá.". Firefox se
na to pro změnu občas vykašle (bez vypsání chyby), ale většinou to
funguje ve všech prohlížečích (až na Spartana tedy) dobře.
Stažení pro počítače bez serveru: http://misaz.moxo.cz/…er_misaz.zip
Stažení pro počítače se serverem: http://misaz.moxo.cz/…st_misaz.zip
Online: http://misaz.moxo.cz/mphotobeta
Až si najdu čas splácám články o základech TypeScriptu a pak se
vrhneme na něco takového.
Ondrca:9.4.2015 21:28
Wow, to ti teda tleskám - vypadá to luxusně.
BTW: zítra i můj výtvor bude tu (v hádankách já mluvit musím)
pivovary:9.4.2015 21:41
Přesně něco takového jsem potřeboval abych věděl jak tomu udělat
hezký kabát. Nějak na ten desing moc nejsem
Ondřej Štorc:9.4.2015 21:44
Hlásím bug. V Google Chromu při otáčení obrázků o 180° se obrázek
sice přetočí, ale v pozadí zůstane ta původní verze. Jinak to vypadá
fakt dobře
Michal Žůrek - misaz:9.4.2015 21:50
můžeš poslat screen (nebo obrázek u kterého ti to dělá), mě v chrome
(40) funguje otočení o 180 stupňů správně, teda alespoň tak jak já
předpokládám
Ondřej Štorc:9.4.2015 21:53
Je to obrázek HoBiho z zdejších HTML tutoriálů. Jinak mám Chrome 41
pivovary:9.4.2015 22:00
Asi nejaky s pruhlednym pozadim, pokud vlozim klasicky obrazek tak nic. Jakmile vlozim php slona tak se taky duplikuje.
Firefox 36.0.1
Uživatel sítě :9.4.2015 22:19
Ehm, tleskám, opravdu parádní aplikace..
Teď abych přidal ještě nějaké jiné filtry a různé věci..
Zdravím,
také přidám svůj výtvor.
Umí filtry a efekty, které jsou v zadání, nějaké to rozmazání a také
změnu rozlišení. je to čisté PHPko, žádné JS vychytávky tam nehledejte.
Ve skupině Image, můžete změnit požadované min. a max. hodnoty pro výšku či šířku nebo cestu kam chcete obrázky ukládat.
Použití: Začněte nejprve s nahráním obrazku/ů, je přítomná podpora
hromadného uložení.
Po nahrátí se vám hned ukáže výpis přítomných/nahraných obrázků,
můžete je buď upravit nebo smazat.
Složky kam se nahrávají obrázky a keše se vytvoří samy.
Při úpravě máte možnost začít znovu, pokud se výsledek nebude líbit. Jakmile budete s výsledkem spokojeni můžete přijmout úpravu, čímž aktualizujete originální obrázek upraveným.
To je vše co bych k tomu mohl napsat, ke stažení to máte zde: http://leteckaposta.cz/278881376
Doufám, že se bude líbit..
Ach ten čas... Tady máte konečně to hodnocení:
Neaktivní uživatel :
To co jsi odevzdal špatné není, ale jaksi jsi tam zapomněl dát editor,
úpravy jsou pouze v kódu a nedají se používat.
Uživatel sítě :
Editor vypadá celkem pěkně, jen u úprav chybí odkaz zpět na úvodní
stránku. A u změny velikosti by se mohly předvyplnit původní rozměry.
Změna kontrastu ti nefunguje, místo kontrastu to mění jas. Kód vypadá
velmi dobře.
pivovary :
Když jsem to zkusil spustit vypsalo to chybu (chyběl ti tam středník):
Parse error: syntax error, unexpected 'function' (T_FUNCTION) in C:\xampp\htdocs\machr\editor_image_pivovary\config\config.php on line 3Po opravě této chyby mě to přesměrovává na stránku /error404. Co se týče kódu, tohle úplně nechápu:
const IMAGETYPE_JPEG = IMAGETYPE_JPEG;
const IMAGETYPE_GIF = IMAGETYPE_GIF;
const IMAGETYPE_PNG = IMAGETYPE_PNG;Jinak kód není nejhorší.
Dominik Klapuch :
Mohl jsi se alespoň trochu pokusit nastylovat ten formulář, ale to tady není
podstatné. Připadá mi trochu zbytečné dělat extra třídu pro každý
efekt (hlavně když má jen jednu metodu), vzniká tím obrovské množství
souborů o pár řádkách.
Filip Stryk :
Kód
foreach ($_POST['options'] as $o) {
switch($o) {
case 'toGrayScale':
$img->toGrayScale();
break;
case 'changeBrightness':
$img->changeBrightness($_POST['changeBrightnessValue']);
break;
// a tak dále
}
}by asi bylo lepší napsat jako podmínky. Tohle by se hodilo, kdybys měl frontu efektů - uživatel by mohl ovlivnit pořadí provedení úprav, ale tady nic takového nemáš. Jinak to není špatné.
Ondrca :
Bylo by fajn přidat historii upravených obrázků, nebo použití více
efektů na jeden obrázek. Takhle musím po úpravě obrázek stáhnout a znovu
nahrát abych mohl dál upravovat. Kontrast ti funguje převráceně - vyšší
číslo znamená nižší kontrast, což je trochu zvláštní. Kód je na tom
celkem dobře.
Škoda že nikdo nevytvořil frontu s úpravami, jak psal 1Pupik1989 . Ale ta v zadání nebyla. Placku vyhrává Uživatel sítě . Výtvor tedy publikuj a o placku si napiš do PM.
A teď extra hodnocení Machr na TypeScript - Úprava obrázků
Michal Žůrek - misaz :
Krásný objektový kód, skvěle fungující editor... Co dodat. Snad jen že
placku si určitě zasloužíš, do PM mi napiš jakou chceš.
+20 Zkušeností
+2,50 Kč
OT: jak už tu bylo mnohokráte zmíněno obrázky lze velice snadno upravovat pomocí JS sám se učím tento framework http://fabricjs.com/image-filters/ ... píši to jen pro doplnění, kdyby si někdo chtěl upravovat.
Btw: jestli někdo pracuje s tímto frameworkem nebo by měl zájem o něm
pokecat, pošlete mi zprávu do pošty
Zobrazeno 57 zpráv z 57.