it-swarm-tr.com

Javascript çizim kütüphanesi?

JavaScript etkileşimli çizim kitaplığı için herhangi bir öneriniz? Sadece çizgiler, çokgenler, farklı renkteki metinler çizmeniz gerekiyor. IE/Firefox/Opera/Safari uyumlu .

46
st.

Raphael bunun için oldukça havalı ve VML (MSIE için) ve SVG (her şey için) kullandığından tarayıcılarda çalışıyor.

48
Dan

John Resig'in Processing.js bunun için güzel bir çerçeve.

15
Zach

Tuval nesnesini doğrudan 2D olarak çizmek için kullanabilirsiniz. IE excanvas kütüphanesini gerektiriyor.

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

7
Craig B.

Deneyin http://www.walterzorn.de/tr/jsgraphics/jsgraphics_e.htm . Bulduğum en iyisi (SVG'ye başvurmadan) ve çoğu tarayıcıda eklenti olmadan çalışıyor.

3
Steve Moyer

Tuval etiketi ile metin çizmek büyük bir acıdır. Seçenekleriniz, kesinlikle doğru yerlere yerleştirilmiş düzenli div'ler kullanmak veya bir yazı tipi düzeni motoru ( example ) bulmak/yazmak veya metin çizmenize olanak tanıyan yeni bir standardın uygulanmasını beklemek. SVG bununla daha iyi başa çıkıyor.

IE 'da, tuval API'sini IE'nin kendi VML işaretlemesiyle simüle etmek için ExplorerCanvas seçeneğine sahipsiniz. Bununla birlikte, yerel VML bir yolda metin yapabilir ve SVG'ye çok benzer şeyler yapabilir. Teorik olarak karmaşık metin kullanımı istiyorsanız, Dan'in bahsettiği Raphael kütüphanesi gibi SVG ve VML'yi isteyeceksiniz.

Başlamadan önce bir anlığına Flash'ı da düşünebilirsiniz.

2
jjrv

Ayrıca mxGraph . Bu, IE için excanvas kullanmaz. Excanvas, VML'yi kullanmaktan çok daha yavaştır, özellikle silmek için DOM düğümleri eklemek yerine, aynı VML düğümlerini tekrar kullanmak. Bu genellikle göz ardı edilen bir noktadır, ancak IE performansındaki eksanvaslar çok kötüdür.

2
David

Yukarıda da belirtildiği gibi tuval gitmelisin. IE yerel olarak desteklemiyor, bu nedenle çapraz tarayıcı uyumluluğu sağlamak için ExCanvas uygulamasını indirmeniz gerekecek. Tuval etiketini kullanan bazı projeler için Ajaxian 'a bakmanızı tavsiye ederim.

2
VirtuosiMedia

jQuery Drawing plugin ürününü inceleyin ve Mozilla Canvas reference ve tutorial 'ye de bakabilirsiniz.

2
CMS

Tarayıcınızın ne kadar olması gerektiğine ve çıktısını yapma amacınıza bağlı olarak, Canvas öğesini ve ilgili javascript'i inceleyebilirsiniz.

Tuval

1
Steve g

D3.js

D3.js, Temelli belgeleri yönetmek için bir JavaScript kütüphanesidir. veri. D3, HTML, SVG ve CSS kullanarak verileri hayata geçirmenize yardımcı olur. D3 en web standartlarına vurgu size modern .__ tam yeteneklerini verir. tarayıcıları kendine özel bir çerçeveye bağlamadan, bir araya getirme güçlü görselleştirme bileşenleri ve DOM .__ 'ya veri odaklı yaklaşım. manipülasyonu.

Bu tartışma 'ya da bir göz atın.

0
microMolvi