PDA

Pogčedajte punu verziju : cross browser canvas objekat, woohoo


ivanhoe
24. 05. 2006., 19:26
http://research.microsoft.com/users/som/blog/canvas-test.htm

ok, nije bas cross-browser, ali radi na IE i na FF, sto je sasvim solidno, i omogucava crtanje geometrijskih figura... nije bas kao flash, ali ide se u tom pravcu i cenim da ce za par godina biti moguce crtati ceo interfejs, kao u desktop aplikacijama..

za sad je jos u domenu zajebancije, mada je zgodno za crtanje grafika dinamicki i slicno..

kodi
24. 05. 2006., 19:40
http://research.microsoft.com/users/som/blog/canvas-test.htm



za sad je jos u domenu zajebancije, mada je zgodno za crtanje grafika dinamicki i slicno..



ovo sam cekao....

bluesman
24. 05. 2006., 19:53
To jednostavno moze da znaci da ce moci recimo ceo interface da se iscrtava dinamicki. Pozicioniras layer-e a onda iscrtas okolo sve sto treba... Ili reicmo grafikoni za statistike, mogu da se menjaju dinamicki - realtime). Mogucnosti su nepregledne.

Mada mi nije jasno zasto to nije moglo mnogo ranije da se uradi posto vecina programiskih jezika ima "canvas" funkcije pa je sasvim lako ovo implementirati i recimo na canvas browsera. Svaki window je u stvari canvas koji se iscrtava. Ako nije bilo po standardu onda je krajne vreme bilo da neko to doda u standard.

Meni se jedino ne svidja sto IE ipak koristi ActiveX, pa ce uvek izlaziti ono cuveno upozorenje... a i razni "popup blockeri" i antivirusi po defaultu iskljucuju ActiveX.

nixa
24. 05. 2006., 20:15
^ sad ce se ta politika da promeni prvenstveno zbog Flash-a u IE :)

ivanhoe
24. 05. 2006., 20:47
za sad, sa svim implementacijama canvasa, je osnovni nedostatak sto nema mogucnosti da se definisu eventi za nacrtane objekte, nego bi morao da se hvata event za ceo canvas, pa da se na osnovu x i y racuna ko je dobio event. Iz javascripta bi ovo za onclick jos i moglo da se uradi, ali za recimo onmouseove bi to ubilo browser, tako da to mora da se implementira interno u browseru, zbog brzine. Znaci jedva cekam neki Shape objekat kao u VB ili Delphiju..

Ilija Studen
24. 05. 2006., 20:51
Treba cela ta priča još malo da sazre. Do tada generisanje grafikona na server strani ili Flash, a ako ti treba i callback onda samo Flash.

kodi
24. 05. 2006., 21:11
<canvas> creates a fixed size drawing surface that exposes one or more rendering contexts. We'll focus on the 2D rendering context (incidentally, the only currently defined rendering context). In the future, other contexts may provide different types of rendering; for example, it is likely that a 3D context based on OpenGL ES will eventually be added to the <canvas> specification.

opa ;) :D :D

http://developer.mozilla.org/en/docs/Drawing_Graphics_with_Canvas#Introduction

Goran Aničić
25. 05. 2006., 00:38
Evo primera koji mi je večeras posalo Steva Majstorović (programabilna grafika - canvas tag HTML5)- http://ogledalo.co.yu/javascript/76/primer2/
Ne radi u IE (pa čak ni u IE7), ali može zaobilaznim putem.

ivanhoe
25. 05. 2006., 04:09
^^ hehe, sjajna stvar, jel to iz novog broja internet ogledala?

Inace ocigledno nam sleduje novi talas besmislenih js animiranih zezalica... I love it :D

jablan
25. 05. 2006., 09:26
A šta bi sa SVG-om?

modeus
25. 05. 2006., 11:44
lepo lepo, zaista

Dragan Babić
25. 05. 2006., 15:52
Bas mi je Steva pokazao primer juce na poslu ka kome je Goran ostavio link iznad. Fenomenalna stvar.

kodi
03. 09. 2006., 20:51
A šta bi sa SVG-om?

cekajuci SVG:
http://img176.imageshack.us/img176/3571/svggraphfe4.th.png (http://img176.imageshack.us/my.php?image=svggraphfe4.png)

http://img233.imageshack.us/img233/2548/svglinegraphuy3.th.png (http://img233.imageshack.us/my.php?image=svglinegraphuy3.png)

Ovo je generisano pomocu ove (http://www.walterzorn.com/jsgraphics/jsgraphics_e.htm) skripte. Javascript poziva svake 2 sekunde (preko MyBIC php-ajax-a) php skriptu koja procita parametre sa nekog mreznog uredjaja, a zatim prosledi nazad na crtanje.

za sada radi u IE,FF, Flock (same ****)
dok se u operi nishta ne vidi :( (shto mi nije toliko ni bitno, svi ovde koriste ili ie ili ff)

skroz sam zadovoljan brzinom iscrtavanja, probao sam cak sa timeoutom od 1/4 sekunde i radi bez problema.

videcu ovih dana da odradim neki mini tutorial, ako budem stigao...

nixa
03. 09. 2006., 22:34
Flex ?