Devel.cz Lupa Měšec Podnikatel Root Zdroják.cz DigiZone Slunečnice Vitalia TopDrive KupDnes Navrcholu NovýTarif Dobrý web Weblogy Woko Jagg Computer.cz SK: MojeLinky

Hlavní navigace

Názory k článku
Začínáme s HTML5 canvasem

MD
MD (neregistrovaný) 194.213.198.---
10. 4. 2009 9:21 Nový

super

celé vlákno
super
Ján Januška aura:33
10. 4. 2009 11:54 Nový

Praktické využitie?

celé vlákno
Myslíte, že bude mať canvas niekedy praktické využitie?
Mňa zatiaľ nič nenapadlo, možno nejaké vykresľovanie grafov a podobne, ale veď to už sa dá aj inak
Martin Hassman aura:85
10. 4. 2009 13:06 Nový

Re: Praktické využitie?

celé vlákno
Canvas se pouziva tak posledni rok dva a vyuziti rozhodne ma. "tohle by slo delat i jinak" neni sam o sobe argument pro (ne)rozsireni nejake technologie, viz konkurence, ktere na trhu panuji.
Ján Januška aura:33
10. 4. 2009 14:04 Nový

Re: Praktické využitie?

celé vlákno
To s tým "inak" som myslel tak, že aké výhody (oproti iným technológiám) so sebou prináša canvas?
Prostredníctvom canvasu nie je možná interakcia užívateľa (ak sa nemýlim), predstavujem si ho ako vygenerovaý obrázok.
MD
MD (neregistrovaný) 194.213.198.---
10. 4. 2009 14:15 Nový

Re: Praktické využitie?

celé vlákno
Ján Januška aura:33
10. 4. 2009 14:26 Nový

Re: Praktické využitie?

celé vlákno
Skvelé! Presne niečo takéto som potreboval vidieť, ďakujem :)
"Tuším", že som sa s tou interakciou mýlil, teraz pre mňa canvas naberá úplne iný rozmer
xurpha
xurpha (neregistrovaný) ---.adsl.sky.cz
10. 4. 2009 22:12 Nový

Re: Praktické využitie?

celé vlákno
Tak nevim, ale proc to neudelat radeji pomoci SVG?
Martin Hassman aura:85
10. 4. 2009 22:28 Nový

Re: Praktické využitie?

celé vlákno
Možná, protože to většině uživatelů nebude fungovat.
Martin Hassman aura:85
10. 4. 2009 14:35 Nový

Re: Praktické využitie?

celé vlákno
Prostredníctvom canvasu nie je možná interakcia užívateľa

Jedná se o HTML značka. Každá taková značka umožňuje interakci s uživatelem, stačí ji naskriptovat.

Karel Fučík aura:94
10. 4. 2009 17:15 Nový

Re: Praktické využitie?

celé vlákno
No s tím skriptováním měl ovšem kolega výše tak trochu pravdu. Interakce je dost omezená a veškeré události myši musí člověk počítat ručně. Např. mapka s hovery nad jednotlivými oblastmi se canvasem dělá dost neohrabaně. V tomto je lepší SVG (pokud není potřeba zrovna vysoký výkon).
Martin Hassman aura:85
10. 4. 2009 18:15 Nový

Re: Praktické využitie?

celé vlákno
Interakce je dost omezená a veškeré události myši musí člověk počítat ručně

Jenom v případě, že nepoužije nějaký framework a ty vznikají. Ještě to je v průběhu evoluce, není to rozhodně dokonalé, dal bych tomu tak rok, možná dva, ale pak bych se jakékoliv "omezenosti" a ručního počítání neobával.

Karel Fučík aura:94
10. 4. 2009 18:42 Nový

Re: Praktické využitie?

celé vlákno
To je pravda. Ale dneska je canvas hrozně módní a mám pocit, že hype kolem canvasu trochu zastiňuje SVG, které se na mnohé aplikace hodí lépe. Pak se dostáváme k paradoxním situacím, kdy emulujeme interakce myši nad cavasem pomocí javascriptu, přičemž canvas v IE emulujeme pomocí ExCanvasu, který vnitřně používá VML, které vlastně tyto události umí nativně :) V tomto případě mi přijde vhodnější např. i zde na zdrojáku popisovaná knihovna Raphael. Samozřejmě je možné, že u nativního canvasu a rychlého JS se i u té emulace dostaneme i na vyšší rychlost, než u nativního SVG. Vždycky je dobré zvážit, co je pro daný účel vhodnější.
Martin Hassman aura:85
10. 4. 2009 20:48 Nový

Re: Praktické využitie?

celé vlákno
Všechno má své příčiny. Canvas se začal tak masivně používat protože je to řešení, které dnes funguje. Nějaké skryté procesy probíhající uvnitř (třeba ta emulace) nikoho nezajímají (a nikdy u takových technologií nikoho nezajímaly) - na (ne)rozšíření nebudou mít vliv, počítá se to, co funguje. Váhy se můžou jednoho dne změnit, může přijít dostatečná podpora SVG. Ale v tuto chvíli evoluce přeje canvasu. Podobně jako dnes vládnou zemi jistí savci chodící po dvou nohou - kdysi to bylo jinak a za pár tisíc let to může být rovněž jinak, ale v tuhle chvíli jsou váhy nastavené takhle - pro lidi i pro canvas. Můžete se přít, že jiné řešení by bylo lepší, ale dokud se nezmění podmínky prostředí, bude to jen teoretizování.
Karel Fučík aura:94
10. 4. 2009 22:38 Nový

Re: Praktické využitie?

celé vlákno
Dosud jsem se vůbec nepřel, ale nyní asi začnu. Canvas i SVG mají dnes prakticky stejnou podporu - obě technologie naráží na nepodporu v IE, kde jsou obě omezené na emulaci pomocí SVG. Nejde tedy o žádné teoretizování - jak canvas, tak SVG jsem již několikrát použil na reálných webech - vždy pomocí podpůrných knihoven pro IE. Není pravda, že skryté procesy nikoho nezajímají. Naopak, v praxi člověk obvykle narazí na bugy nebo omezení z těchto emulací vyplývající a musí je nějakým způsobem řešit. Ovšem canvas a SVG si navzájem nekonkurují, naopak se můžou dobře doplňovat - a to jsem se snažil v předchozích příspěvcích sdělit.
Karel Fučík aura:94
10. 4. 2009 22:41 Nový

Re: Praktické využitie?

celé vlákno
Mělo tam být samozřejmě "emulací pomocí VML"...
Martin Hassman aura:85
10. 4. 2009 23:07 Nový

Re: Praktické využitie?

celé vlákno
Není pravda, že skryté procesy nikoho nezajímají.

Řekněme, že dokud vše funguje, tak zcela zanedbatelnou menšinu vývojářů. Pokud vše nefunguje, tak se dané technologii raději všichni vyhnou (opět až na zanedbatelnou menšinu).

tak SVG jsem již několikrát použil

Pomocí Raphaëla nebo něčeho jiného?

Ovšem canvas a SVG si navzájem nekonkurují, naopak se můžou dobře doplňovat

Můžou se doplňovat, ale je řada styčných ploch, kde si budou konkurovat - ale to je dobře. Konkurence je potřeba i v technologiích, pomáhá vývoji.

Karel Fučík aura:94
12. 4. 2009 9:20 Nový

Re: Praktické využitie?

celé vlákno
Ano, pomocí Raphaël, ale stejný princip používá již déle např. dojo.gfx.
uživatel si přál zůstat v anonymitě 193.87.86.---
14. 4. 2009 14:10 Nový

Re: Praktické využitie?

celé vlákno
Na jednej strane je to pekné, na druhej strane nevidím veľké využitie takéhoto grafu. Normálne v grafe ukazujem výsledky, ku ktorým som došiel, neprezentujem graf, aby si ho každý mohol pohýbať. Dokonca aj pre výukové účely je často lepšia nejaká animácia (stačí aj GIF) alebo priloženie viacerých obrázkov ilustrujúcich mnou zvolené situácie.
Toto sa mi zdá vhodné len na nejaké srandičky, ako nosič informácie si to predstaviť stále nedokážem.
Martin Hassman aura:85
14. 4. 2009 14:17 Nový

Re: Praktické využitie?

celé vlákno
Ale to neznamená, že neexistuje. Téměř denně s nějakými interaktivními grafy pracuji (např. v Google Analytics, Facebooku), s obrázkovou náhradou bych rozhodně nebyl tak produktivní. A našli bychom řadu odvětví, kde se všechny informace obsažené v grafu do jednoho obrázku prostě nevejdou (což se obchází např. tak, že vám nabízí zdrojová data ke stažení), tam interaktivní řešení rozhodně přijde vhod.
uživatel si přál zůstat v anonymitě 193.87.86.---
14. 4. 2009 15:00 Nový

Re: Praktické využitie?

celé vlákno
Ja sa len snažím nejaké využitie nájsť. :-)
Je možné pomocou canvas vytvoriť aj taký graf, ktorý by sa prekresľoval tým, že by som menil vstupné dáta, alebo naopak, hýbaním krivky by sa mi zobrazovali vstupné dáta? Ale to by zas bolo využiteľné len pre výukové účely. Možno na to hľadím nesprávne, ale som zvyknutý publikovať trebárs vedecké články, a tam väčšinou presne viem, čo chcem čitateľovi ukázať a nebýva toho ani tak veľa, že by to nešlo obrázkami - tie zosnímam trebárs ako screenshoty zo štatistického programu alebo z grafického programu. Možno byt bolo výhodné, ak by som tvrdil, že som objavil nejakú rovnicu, ktorá sa dá využiť v praxi a užívateľ by si mohol skúšať rôzne kombinácie dát, či ma nenachytá...
Martin Hassman aura:85
14. 4. 2009 15:08 Nový

Re: Praktické využitie?

celé vlákno
Je možné pomocou canvas vytvoriť aj taký graf, ktorý by sa prekresľoval tým, že by som menil vstupné dáta, alebo naopak, hýbaním krivky by sa mi zobrazovali vstupné dáta?

To pochopitelně jde.

zvyknutý publikovať trebárs vedecké články

Tak kromě využití zmíněného výše bychom našli třeba některé spektometrické výstupy, které do obrázku už z principu přehledně umístit nejdou. Mít tam přístup může být skutečně žádoucí.

MD
MD (neregistrovaný) 194.213.198.---
10. 4. 2009 13:09 Nový

Re: Praktické využitie?

celé vlákno
> možno nejaké vykresľovanie grafov a podobne, ale veď to už sa dá aj inak

A jak?
mofo
mofo (neregistrovaný) 83.240.31.---
10. 4. 2009 13:18 Nový

Re: Praktické využitie?

celé vlákno
řekl bych, že svět existoval i před canvasem, ne?
MD
MD (neregistrovaný) 194.213.198.---
10. 4. 2009 13:59 Nový

Re: Praktické využitie?

celé vlákno
Ano, treba generovani obrazku/grafu na serveru. Prijde vam to jako srovnatelne reseni? Canvas urcite sve uplatneni najde
Petr Šnobl
10. 4. 2009 13:26 Nový

Re: Praktické využitie?

celé vlákno
Asi byly míněny grafy sloupcové pomocí pozicování. Pro čáry mě čistě HTML řešení nenapadá a to je dle mého mínění prostor pro canvas. Ikdyž jestli není lepší na takové věci potom využít spíše Flash(to asi je míněno tím jinak).
uživatel si přál zůstat v anonymitě ---.62.broadband3.iol.cz
10. 4. 2009 14:47 Nový

Re: Praktické využitie?

celé vlákno
Proč by mělo být lepší místo Canvasu použít Flash?
Petr Šnobl
10. 4. 2009 15:45 Nový

Re: Praktické využitie?

celé vlákno
Výhodu flashe spatřuji v tom, že je vektorový, a je k dispozici na 98% prohlížečích. Tudíž se na tvorbu grafů hodí o něco lépe(jednoduchý zoom a posun po ose). A co si budem nalhávat, vzhled grafu tam jde daleko více kontrolovat.

Osobně se ale nebráním Canvasu, protože to je přesně element který v HTML chyběl, pro jednoduché grafy ideální a kdo ví kam se dostane. Specifikace vypadá velmi dobře(a ten posun a zoom by měl umět nakonec taky).

http://www.whatwg.org/specs/web-apps/current-work/#canvas
Martin Hassman aura:85
10. 4. 2009 18:18 Nový

Re: Praktické využitie?

celé vlákno
A co si budem nalhávat, vzhled grafu tam jde daleko více kontrolovat.

To bude nějaký nesmysl. V obou případech se jedná pixelmapy, neexistuje příklad, který by šel nakresli ve Flashi a nešel v canvasu (a naopak).

Petr Šnobl
11. 4. 2009 0:13 Nový

Re: Praktické využitie?Re: Praktické využitie?

celé vlákno
To jsem ani netvrdil, že by něco ve Flashi šlo a v canvasu ne. Šlo mi o komfort. Práce s nimi je dost odlišná. Jde o to, že Flash je ze své podstaty vektorový, zatímco canvas je bitmapa, ke které jsou funkce, které dokáží vektorové chování napodobit, bohužel současná implementace není z nejideálnějších.

Také jde o to, že zatímco flash je zde již delší dobu a má lepší podporu v prohlížečích tak canvas je novinka, která se snaží vyplnit místo, která byla pro čisté (x)HTML nepřístupná, a za to jsem vděčen.

Bohužel, jistý majoritní prohlížeč se ani nesnaží zabudovat řádnou podporu do svého kódu. Je zde podobná situace, jako okolo SVG obrázků, keré by hravě dokázály canvas nahradit, alsepoň z hlediska již známých dat. Jak by to bylo hezké mít podporu pro tento formát, přičemž JScipt funkce by byly téměř identické. Bohužel si nelze dovolit si na tento luxus spoléhat.
Martin Hassman aura:85
11. 4. 2009 7:25 Nový

Re: Praktické využitie?Re: Praktické využitie?

celé vlákno
Je zde podobná situace, jako okolo SVG

Situace s canvasem naštěstí není podobná tomu, jak to bylo s SVG (a díky Google za to), proto se také použití canvasu na webu rozšiřuje na rozdíl od SVG, které na něm řadu let stagnovalo. Lidé pohybující se okolo prohlížečů naštěstí už dávno přišli se strategií, jak se s opožděným vývojem IE vyrovnat a také to činí. To je důvod, proč se historie neopakuje.

xurpha
xurpha (neregistrovaný) ---.adsl.sky.cz
10. 4. 2009 22:10 Nový

nebylo by jednodušší použít SVG?

celé vlákno
Mělo by to tu výhodu, že to bude fungovat i bez javascriptu :)
Martin Hassman aura:85
10. 4. 2009 22:27 Nový

Re: nebylo by jednodušší použít SVG?

celé vlákno
A také nevýhodu, že to dnes nepůjde na reálném webu použít.
xurpha
xurpha (neregistrovaný) ---.adsl.sky.cz
11. 4. 2009 12:32 Nový

Re: nebylo by jednodušší použít SVG?

celé vlákno
A canvas jako půjde použít? Ha ha ha, you are on the way to destruction...
Martin Hassman aura:85
11. 4. 2009 13:28 Nový

Re: nebylo by jednodušší použít SVG?

celé vlákno
Ano, půjde. V tom je ten rozdíl. V řadě případů zcela bez problému.
xurpha
xurpha (neregistrovaný) ---.adsl.sky.cz
11. 4. 2009 21:58 Nový

Re: nebylo by jednodušší použít SVG?

celé vlákno
MSIE canvas „neumí“...
Martin Hassman aura:85
12. 4. 2009 7:19 Nový

Re: nebylo by jednodušší použít SVG?

celé vlákno
S Excanvasem ho celkem v pořádku umí.
Makovec
Makovec (neregistrovaný) ---.net.upc.cz
12. 4. 2009 9:38 Nový

Re: nebylo by jednodušší použít SVG?

celé vlákno
pochopitelne bylo.... jenomze je posledni dobou modou znovuvynalezat kola (a delat je pritom sisata, protoze je to tak nejak kool)...
uživatel si přál zůstat v anonymitě ---.62.broadband3.iol.cz
12. 4. 2009 20:39 Nový

Re: nebylo by jednodušší použít SVG?

celé vlákno
Neříkete, SVG umí interaktivitu bez Javascriptu? Totiž něco na způsob tohohle?
uživatel si přál zůstat v anonymitě ---.net.upc.cz
13. 4. 2009 22:07 Nový

kreslení grafů v gnuplotu: HTML canvas terminál

celé vlákno
Ve vývojové verzi gnuplotu (4.3) byl nedávno implementován terminál canvas, "set term canvas", který generuje HTML5 kód pro vykreslení grafu, a to včetně některých myšoidních možností (zoom, popis bodů). Demo viz např. zde: http://skuld.bmsc.washington.edu/~merritt/gnuplot/canvas_demos/
Martin Hassman aura:85
13. 4. 2009 22:27 Nový

Re: kreslení grafů v gnuplotu: HTML canvas terminál

celé vlákno
Tak to je dobrá zpráva. Existují k tomu už zkompilované verze k vyzkoušení?
uživatel si přál zůstat v anonymitě ---.physics.muni.cz
14. 4. 2009 14:27 Nový

Re: kreslení grafů v gnuplotu: HTML canvas terminál

celé vlákno
Muzete si prelozit vyvojovou verzi gnuplotu podle techto instrukci:
http://gnuplot.sourceforge.net/development/index.html#DownloadCVS
nebo si stahnout prelozenou binarku pro Wokna:
http://gnuplot.sourceforge.net/development/binaries/
http://www.tatsuromatsuoka.com/gnuplot/Eng/winbin/
Martin Hassman aura:85
14. 4. 2009 14:43 Nový

Re: kreslení grafů v gnuplotu: HTML canvas terminál

celé vlákno
Děkuji, tu adresu na Sourcefoge jsem už zkoušel, ale tam jsou jen staré verze, každopádně ten Japonec má zdá se aktuální.
Zasílat nově přidané příspěvky e-mailem