Tuval, hemen bir çizim yüzeyidir. Bu, üzerinde bir komut (drawImage veya fillRect) çalıştırdığınız anlamına gelir ve bu komutu yapar ve bu sadece ne yaptığını umursamaz. Bir şeyin yok edilmesi yok.
Bunu aramakta zorlandınız çünkü bir Tuval için "kaldırma" diye bir şey yoktur. Tek bildiği şey, bir yerde 'dan bazı renklerin bazı piksellerine sahip olmasıdır. Nerede olduğuna dair hiçbir fikri yok.
iki yolu genellikle vardır, biraz basitleştirmek için: Eğer çizilmiş
Kullanım iki tuvaller istemiyoruz birini
- tamamını temizle kanvas ve tek görüntüde HARİÇ her şeyin sil baştan çizmek olduğunu sadece görüntü var ve diğer her şeyle bir tane. Bu tuvali clearRect (0,0, genişlik, yükseklik) ile temizleyin ve işiniz bitti.
Bazıları seçmeli olarak kaldırılmasını veya yeniden konumlandırılmasını istiyorsanız, muhtemelen tuval üzerine çizdiğiniz şeyleri izlemeye başlamanız gerekeceğini de 1. bölümde göreceksiniz. Nesnenin kalıcılığını artırmak ya da tuvali bir ani çizim yüzeyinden tutulan bir çizim yüzeyine dönüştürmek, çok sayıda tuval kütüphanesinin yaptığı bir şeydir. Bunu kendiniz yapmak istiyorsanız, insanların çalışmaya başlamasına yardımcı olmak için birkaç tane tutorails yazdım.
Kitaplıklara bakmak isterseniz, easel.js numaralı telefondan bir göz atın. Oldukça öğrenilebilir.
HTML5 kanvas, adeta gerçek bir tuval gibi hareket ettiği için adlandırılır, orada bir şeyler boyayabilir (render edebilirsiniz) ancak onu kaldıramazsınız. Bunu başka bir görüntü ile boyayabilirsiniz, bu görüntüyü oluşturan pikselleri temizleyebilir veya tuvali tamamen temizleyebilirsiniz. Bu stackoverflow yanıtı, resmin alındığı piksellerin nasıl temizlendiğini gösterir. Http://stackoverflow.com/questions/3458244/removing-an-image-from-a-canvas-in-html5 – kreek
Thx. Şimdi neden bu soru "[html5] [kanvas] kaldır" için arama sonuçlarında erken görünmedi? Arama sorgusuna "kaldırmayı" eklerseniz bulur, ancak konu satırının neyi bulması gerektiğine karar vermesi gerekir. –