Javascript desen bibliotecă?

După cum sa menționat mai sus, pânza este modul în care trebuie să mergeți. IE nu o suportă nativ, deci va trebui să descărcați ExCanvas pentru a vă asigura compatibilitatea cu browserul încrucișat. Aș recomanda să vizualizați Ajaxian pentru unele proiecte care utilizează eticheta panza.

De asemenea, mxGraph . Acest lucru nu utilizează excanvas pentru IE. Excanvas este mult mai lent decât utilizarea VML, în special, re-folosind aceleași noduri VML, mai degrabă decât ștergerea, adăugând noduri DOM pentru redraw. Acesta este adesea un punct de vedere trecut, dar excanvas pe performanța IE este doar groaznic.

Raphael is pretty cool for that, and works across browsers since it uses VML (for MSIE) and SVG (for everything else).

Desenarea textului cu eticheta de pânză este o mare durere. Opțiunile dvs. sunt de a folosi divizii regulate poziționate absolut în locurile potrivite sau de a găsi/scrie un motor de aspect al fonturilor ( exemplu ) sau așteptați să fie implementat un nou standard care să vă permită să desenați text. SVG se ocupă de acest lucru mult mai bine.

În IE aveți ExplorerCanvas pentru a simula API-ul canvas cu propriul markup VML al IE. Cu toate acestea, VML nativ poate face text pe o cale și astfel de lucruri seamănă cu SVG. Cred că, teoretic, dacă vrei manipularea complexă a textului, vrei SVG și VML ca biblioteca Raphael pe care Dan a menționat-o.

S-ar putea să ia în considerare Flash pentru un moment înainte de a începe.

Verificați pluginul jQuery Drawing și, de asemenea, vă puteți uita la referință Canvas și tutorial .

Puteți utiliza obiectul panza direct pentru a desena în 2D. IE necesită biblioteca excanvas.

http://developer.mozilla.org/En/Drawing_Graphics_with_Canvas

Processing.js al lui John Resig este un cadru frumos pentru asta.

În funcție de modul în care trebuie să fie browserul încrucișat și de scopul de a face ieșirea, puteți examina elementul Canvas și javascriptul asociat.

Canvas

Încercați http://www.walterzorn.de/en/jsgraphics/jsgraphics_e.htm. Este cel mai bun pe care l-am găsit (fără a recurge la SVG) și funcționează în majoritatea browserelor fără adaosuri.

D3.js

D3.js este o bibliotecă JavaScript pentru manipularea documentelor bazate pe   date. D3 vă ajută să aduceți la viață datele folosind HTML, SVG și CSS. D3   accentul pe standardele web vă oferă capabilitățile deplină ale celor moderne   fără a vă lega de un cadru propriu, combinând   componente puternice de vizualizare și o abordare bazată pe date a DOM   manipulare.

Uitați-vă la această discuție de asemenea.