JavaScript ile çizim yapmanın kolay yolu: <canvas>

canvas, Apple'ın Dashboard ile çıkarttığı bir HTML elemanı.

Safari ve Gecko 1.8 tabanlı tarayıcıların (mesela Firefox) da desteklediği bu elemana son destek Google'dan geldi.

ExplorerCanvas adlı Google ürünü canvas elemanının Internet Explorer tarafından da yorumlanabilmesini sağlıyor.

Bu adres, canvas kullanmaya başlamanız için yeterli olacaktır. Dokümanda belirtilmiş birkaç örnek ise oldukça başarılı.

Kimbilir, belki bir fazlamesai.net üyesi bu belgenin Türkçe versiyonunu duyurur.

Görüşler

anonim
yaklaşık 20 yıl önce

Opera da, 9 teknik inceleme 1'den beri web canvas destekleyen tarayıcılar arasında. Web canvas gelişirse, flash'ı tahtından edebileceğini düşünmekteyim. http://my.opera.com/WebApplications adresinde de yapılan bir kaç basit oyun bulunmakta.

anonim
yaklaşık 20 yıl önce

{Yorumuma başlamadan önce, özellikle javascript ve flash hakkında çok fazla detaylı bilgiye sahip olmadığımı belirtmeliyim..} Bence her türlü sesin (mp3, waw), karakterin (animasyon karakterleri, hareketler..) ve etkileşim öğelerinin (menüler vs..), action script gibi bir script dili ile beraber TEK BİR DOSYANIN İÇERİSİNDE (fla, swf) barındırması, bence flash ın en büyük artısıdır...
Javascript'in browser bağımlı bir CANVAS nesnesini arkasına alarak Flash ın yerini alması bence çok zor görülüyor...
Özellikle banner ve etkileşim yönünden, hele hele bir şirketin komple bir web sayfasını flash ile yapabilmek varken, javascript in bu yönlerden meydan okuması çok zor...

Görüş belirtmek için giriş yapın...

İlgili Yazılar

Interbench: Linux Etkileşim Testi

Soulblighter
22 Temmuz 2005, 1 dakika okuma süresi

Daha önce bu haberde Linux çekirdeğindeki performans farklarından ve Intel işlemcilerin Linux çekirdeğinin performansına etkisini ölçen bir projeden bahsetmiştim.

Eğer siz de yeni bir çekirdeğe geçecekseniz veya sisteminizdeki donanımları güncelleyecekseniz ve oluşacak performans farkını merak ediyorsanız Interbench tam size göre...

POV-Ray Tanıtımı

FZ
10 Şubat 2003, 11 dakika okuma süresi

Amiga zamanlarından bu yana, bilgisayar destekli modelleme alanında birçok programlar geldi geçti. Imagine'dı, Lighwave'di, Real 3D'di, 3D Max'di, Blender'dı derken bu alanda birbiri ile kapışan oldukça fazla program var. Fakat bunlardan bir tanesi, gerek arkasındaki düşünce, gerekse başarıları ile diğerlerinden çok daha farklı bir yerde.

Bayanlar baylar, karşınızda Pov Ray

Looking Glass 3D LiveCD

halixus
23 Şubat 2006, 1 dakika okuma süresi

Looking Glass 3D LiveCD 2.3a yayinlandi. Looking Glass 3D yi kuramayanlar, kurupta çalıştıramayanlar düşünülerek hazırlanmış. Slax tabanlı bir Live3d yaklaşık olarak 250MB boyutunda. LG3D nedir nasıl bir şeydir diye merak edenler için iso dosyası indirilmeye hazır. Minimum 2GHz işlemci ve 512MB RAM ile çalıştırmanız önerilmekte. Daha önceki sürümündeki hatalar giderilmiş. En azından çalışabilir bir sürüm olmuş.Pencereleri 360 derece döndürmek, yakınlaştırıp uzaklaştırmak oldukça eğlenceli. Bu sürümünde gaim ve firefox la birlikte geliyor. Ekran görüntüleri ise burada.

EnderUNIX'in Yeni Projesi: Scanhill MSN Dinleyici

anonim
3 Şubat 2007, 1 dakika okuma süresi

EnderUNIX'in 16. projesi olan Scanhill yayımlandı. Scanhill yazılımı, şimdilik MSN Messenger protokolunu dinleyip mesajları yakalayıp istenildiğinde standart çıktıya yani ekrana ya da MySQL veritabanına aktarılabilmektedir.

Detaylı bilgi için: http://www.enderunix.org/scanhill

Zemberek Web Hizmeti

FZ
12 Kasım 2005, 1 dakika okuma süresi

Zemberek Türkçe NLP projesi artık web tabanlı olarak da hizmet veriyor.

Zemberek e-postasındaki son e-postalardan birine göre Zemberek işlevselliğine artık http://pisi.uludag.org.tr:8080/zemberek_web/ adresinden erişmek mümkün. Yazılanlara göre "işin aslı tüm proje sadece zemberek.jar, bir tane sınıf ve iki jsp dosyasından oluşuyor" (bu son cümleyi o sayfadaki Ascii->Tr işlevselliği ile halletim! ;)

Zemberek ve Uludağ ekibine teşekkür eder, söz konusu sayfanın en kısa sürede daha da işlevsel hale gelmesini temenni ederiz.

JavaScript ile çizim yapmanın kolay yolu: &lt;canvas&gt;