HTML5'te tuval etiketi nasıl yararlıdır?

Question

Junior geliştiriciyim Tuval etiketinin bizim için nasıl faydalı olduğunu anlayamıyorum? Bu konuda birçok makale okuyorum ancak tuval etiketinden elde edilen kök yararı alamıyorum.

Answer 1

düşünün. Bir bitmapler ve diğer vektör sanatı ile ilgilenir.

Kanvas ile, bitmap ile çizim yaptığınızdan, görüntüyü kolayca kırpabilir, bulanıklaştırabilir, yanabilir ve atlayabilirsiniz. Ancak bitmap olduğundan kolayca bir çizgi çizemezsiniz ve sonra çizgiyi yeniden konumlandırmaya karar verebilirsiniz. Eski çizgiyi silmeniz ve sonra yeni bir çizgi çizmeniz gerekir.

svg ile, vektörleri çizdiğiniz için çizimleri kolayca taşıyabilir, ölçekleyebilir, döndürebilir, yeniden konumlandırabilir, döndürebilirsiniz. Ancak vektörler olduğu için kenarları çizgi kalınlığına göre kolayca bulanıklaştıramaz veya kırmızı bir daireyi kesintisiz olarak mavi bir kareye dönüştürebilirsiniz. Nesneler arasında ara çokgenler çizerek bulanıklığı simüle etmelisiniz.

Bazen kullanım durumları üst üste biner. Birçok insan gibi basit çizgi çizimleri yapmak ve javascript'te veri yapıları olarak nesneleri takip etmek için tuvali kullanın. Ama gerçekten, ikisi de farklı amaçlar sunuyorlar. Tuval üzerinde saf javascript genel amaçlı vektör çizim yapmaya çalışırsanız, büyük olasılıkla svg kullanmaktan daha hızlı olacağından şüphe duyarsınız. Bu, büyük olasılıkla, C.

Answer 2

Temel olarak, tuval sayesinde, HTML5 ve tuval API'sini kullanarak artık 2D şekiller çizebilir/oluşturabiliriz. kanvasla artık mümkün olanın bir örnek olarak

, (eğer OSS millet veya Gimp ve Inkscape) Photoshop ve Illustrator betwee fark olarak kanvas ve svg arasındaki farkın see this

Answer 3

Tuval, piksel mükemmel grafikler çizmenizi sağlayacaktır. Tuval için

Answer 4

bazı olası kullanımlar:

• Görüntü çizim programı
• Fotoğraf düzenleme/manipülasyon
• 2D Oyunlar
• Gelişmiş resim görüntüleme gibi Microsoft's Deep Zoom

Eğer yapabiliyorsanız' Ne kadar yararlı olduğunu anlayın, o zaman belki de sizin bakış açınızdan değil. Bunu düşünmeyin, çünkü onu bir şekilde kullanmak zorundayım, neyi inşa etmeye çalıştığınıza göre hangi teknolojilerin sizin için çalıştığını seçin ve seçin, Muhasebe web uygulaması muhtemelen bir tuvale ihtiyaç duymaz.

Answer 5

benim için akla gelen serin projeler şunlardır:

• Görselleştir GPS verileri. GPS verisi sadece koordinatların bir XML listesidir. Tuvallere "noktaları birleştir" için kolayca bir şeyler inşa edebilirsiniz.
• Kullanıcının parmağıyla bir belgeyi gerçek olarak imzalayabileceği bir mobil uygulama - kanvas, oluşturulmuş tuval resminin sunucuya kaydedilebileceği PNG'ye dışarı aktarmanıza olanak tanır.
• Avatarların olduğu bir oyunda, kullanıcının avatar üzerinde gerçek çizim yapmasına izin verebilirsiniz. Bıyıklar kim?

Diğer öğeler: kutu-gölge gibi etkileri performansının zayıflamasına yol açabilir CSS3 birçok kullanarak iOS/Android yılında

• , özellikle animating. Bu grafiklerini tek bir kanvas etiketinde yapabilirsin, Burada bir örnek: http://everytimezone.com/. Bu şey bir ipadde kusursuz.
• Serin arka plan efektleri. Örneğin Paul İrlandaca en sitesine gitmeyi deneyin ve arka etrafında hareket ettirin: etkileri çok fazla tuval kullanırken http://paulirish.com/
• Google sponsorluğunda bu HTML5 kitapta: http://www.20thingsilearned.com/ - özellikle "sayfa çevirme" animasyonlar.

Answer 6

Kişisel tuval üzerine aldığım (ve tuval için kullanım durumu bulduğumda), tuval öğesinde piksel başına renk değişimi ve renk değişikliği yapabilme özelliği. diğer tüm DOM öğeleri gibi bir öğenin içinde neler olup bittiğine dair herhangi bir bilgi (ve evet, tuval ve DOM ile ilgili güncel sorunları biliyorum - bu gelecekte dikkat edilecek). Bir tür animasyon daha kolay ve sorunsuz, ancak daha önce yapabileceğimiz (çoğunlukla flaşlı) - bence asıl önemli olan, sayfada neler olduğunu bilme yeteneğidir.