divs javascript Çizim

oy
2

(SO bu gün sorulardan benim son kaynak olarak görünüyor) javascript öğrenmek benim arayışı içinde ben çizmek için bu API buldum http://www.c-point.com/javascript_vector_draw.htm

Bu arada ben çizmek için malzeme miktarına ağır olma eğilimi grafik, bazı deneyler yapıyorum. Bu adam divs hazırlamakta olduğu görüntünün her kare kısmı div olduğunu. Kolayca sayfada onu örnek inceleyerek kontrol edebilirsiniz.

O div'ler 1px / 1px çizmek için piksel yapma gider

Şimdi ne ben sormak zorunda şudur:

Bu en iyi yöntem var mı? Bir çizim daha ayrıntılı olduğunda oldukça ağır görünüyor. Eğer başka hangi yöntemler sugest?

Bu JavaScript çizim kütüphanesi? Şimdiye kadar burada herhangi bir koymak gerek libs bağlantılarının bulunduğu bir çift vardır.

Ben çizim ile ilgili olarak SO diğer sorular burada gördüm. Ben sadece hangi divs çizim korkunç değil işaret etmek merak ediyorum!

Oluştur 09/12/2008 saat 20:57
kaynak kullanıcı
Diğer dillerde...                            


3 cevaplar

oy
2

Vektör çizim gibi kütüphaneler Raphael SVG ve VML üzerinde tutarlı bir API sağlar.

raster çizim için, size tuvali destekleyen tarayıcılar için <tuval> kullanabilirsiniz.

IE için, sen div'leri veya Sunulursa, çizim API'si kullanımı Silverlight sahip varsayılan olacaktır. verimlilik için, div'ler 1px 1px tarafından daha ziyade çizdiğiniz şekil için gerektiği sürece olması gerektiğini unutmayın. Aynı renk 20 1-piksel divs 20 piksel genişliğinde 1 div olmalıdır. Eğer hedef alan olduğunuz tarayıcı (IE) yavaş DOM erişimi vardır çünkü Genellikle, div yaklaşımı ile çok interaktif almazsınız

DÜZENLEME: bağlantılı kütüphane div-optimizasyonlar yapmak yok.

yalnızca HTML çözümleri (hayır SVG / VML / tuval) için css ve özel sınır genişlikleri kullanın:

Cevap 09/12/2008 saat 21:09
kaynak kullanıcı

oy
0

1px div ile karıştırmasını başlamadan önce dojox.gfx göz atın: docs , testler , demolar (değil üretim için, hata ayıklama için optimize edilmiş test sunucusunda gece anlık görüntüsüne son iki bağlantılar).

- Tüm büyük tarayıcılar (IE, Firefox, Safari / Webkit, Opera) kapsayan istemci üzerinde var olan her türlü SVG, VML'yi, Silverlight veya Tuval: Yerli grafik kullanır.

Cevap 10/12/2008 saat 02:12
kaynak kullanıcı

oy
0

Değil, o kötü yöntemdir, SVG ya da tuval elemanlar vardı önce ... O bellek çok ağır ve çok yavaş olacağını geliştirdiler. Eğlenceli, ilginç kesmek, fakat gerçek hayatta gerçekten kullanışlı değildir.

Tuval / SVG / VML güvenerek diğer iplik belirtilen kütüphaneler, yanında, ben yani sprite ile yapılan oyunlar gördük. Bazı görüntüler kesinlikle konumlandırılmış. Bir kodlama müthiş kesmek da vardı JavaScript 5k yılında birinci şahıs 3D oyun çekim anında XBM görüntülerin oluşturulmasını kullanarak. Ama bu resim biçimi için destek Windows'un ... son sürümlerinde kaldırılmıştır :-(

Düşününce gel, ayrıca kullanarak resim yapabilir "veriler: image / png; base64" protokol, ancak kodlama oldukça yavaş olur ve IE tarayıcıları dışında olacaktır.

Cevap 09/12/2008 saat 23:04
kaynak kullanıcı

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more