Tuval HTML5 hakkında bilmek istiyorum. Temel tuval öğemde arka plan resmi ayarlamak istiyorum ve bunun üzerine boya gibi bazı işlevleri gerçekleştirmek istiyorum Sil, Geri Al, Temizle ve bu efekti görüntüyü kaydet (tüm efekti uyguladıktan sonra, temizle). Herhangi bir öneri ya da örnek ..Arka plan resmini tuval HTML5'te ayarlamak mümkün ve Geri Al, Sil, Sil, Arka plan resmini kaydet gibi bazı boya işlevselliği yapabilir mi?
cevap
En kolay ve en iyi performans, bu arka planı tuvalin arkasında bir div olarak koymak olabilir.
Ama bana nasıl pratik bir şekilde söyleyebilirsin? –
DrawImage() öğesini kullanarak arka planı tuvale çizebilirsiniz. Tüm diğer Manipülasyonlar, Resmin üstüne basılmıştır.
İşinizi bitirdiğinizde Canvasstate'ınızı bir Resme Aktarabilirsiniz.
Ancak, tüm görev için bir Geçmiş Tutmanız gerekir, çünkü tuval doğrudan değiştirilir.
Kaydet ve geri yükleme yöntemi yararlı olabilir.
Görüntüyü önce tuvale çizmeniz önemlidir, böylece diğer tüm efektler resmi etkileyecektir.
Geri alma işlemini yaptıktan sonra, temizledikten sonra (kalem n rengi ile), bu görüntüyü kaydettiğimde, bu görüntüyü elde edemiyorum, varsayılan resimdeki beyaz arka planı kaydettim ve bazıları bu tuval üzerine çizdim. Ancak gerçekte tuvalde 'backgroundImage': 'url (./ tmp/Koala.jpg)' olarak ayarlayın. Bunu yaptığım tüm efektlerle kaydedilmiş görüntü olarak istiyorum (geri al, çiz, net) –
history API geri alma ve yineleme için kullanılabilir. Tuval nesnesinin yönteminin bir resmi kaydetmek için kullanılabilir.
- 1. Arka Plan Resmini Şeffaf Arka Plandan Görüntü
- 2. Kullanıcı bağlantı verirse, arka plan resmini değiştirin Arka plan resmi
- 3. Arka plan resmini blok olarak tekrar etme
- 4. Arka plan resmini yeniden boyutlandırma, her zaman
- 5. Liste öğesinde gezinirken arka plan resmini değiştirme
- 6. UISearchBar'ın arama alanı arka plan resmini ayarlama
- 7. Arka plan resmini PhpStorm'da değiştirebilir miyim?
- 8. UITableView için arka plan resmini kaydırma?
- 9. Tuval resmini sunucuya kaydet
- 10. arka plan resmini pasif olarak devre dışı bırakma
- 11. Bir arka plan resmini css kullanarak yatay olarak döndürme
- 12. C# kodunda WPF penceresi arka plan resmini değiştirin
- 13. Arka plan resmi ayarlamak uitableview?
- 14. HTML5 Tuval arka plan resmi
- 15. CSS arka plan görüntüleri
- 16. Pencerenin arka plan rengi al
- 17. Bootstrap - Arka plan resmi çalışmıyor
- 18. "Arka plan renkleri ve görüntüleri yazdırma" özelliğini etkinleştirmeden IE'de arka plan resmi yazdırın
- 19. Android TextView Arka Plan
- 20. Çoklu arka plan rengi
- 21. arka plan resmi hareket herkesi
- 22. AdMob: arka plan istekleri?
- 23. wpf tuval arka plan resmi dinamik olarak
- 24. Coreplot'ta barındırma görünümünün arka plan rengini ayarlamak mümkün mü?
- 25. jCanvas - arka plan görüntüsü
- 26. UIWebView html'den arka plan rengi mi alıyorsunuz?
- 27. DOM'dan Nokogiri ile arka plan resmi al?
- 28. Dinamik olarak arka plan resmi-url ayarlandı
- 29. Arka plan resmi görüntülenmiyor
- 30. TransitionDrawable TextView'da arka plan beklendiği gibi çalışmıyor
[HTML5 Canvas arka plan alanını kaydet/geri yükle] (http://stackoverflow.com/questions/4858187/save-restore-background-area-of-html5-canvas) ve/veya [Tuval Rect'i temizle ancak Backgrond tutun) (http://stackoverflow.com/questions/5596434/clear-canvas-rect-but-keep-background). – Phrogz