HTML5 Canvas Tranlate Save ve Restore Kullanımı – Tasarım Kodlama
HTML5 Canvas

HTML5 Canvas Tranlate Save ve Restore Kullanımı

HTML5 Canvas ile farklı dönüşüm durumlarını kaydetmek ve geri yüklemek için canvas bağlamındaki save() ve restore() yöntemlerini kullanabiliriz.

Bu derste, durumu her dönüşümden hemen önce durum yığınına iterek dönüşüm durumunu kaydedeceğiz. Mavi bir dikdörtgen çizeceğiz, son dönüşüm durumunu geri yükleyip açacağız ve kırmızı bir dikdörtgen çizeceğiz, son dönüşüm durumunu geri yükleyip açacağınız ve sarı bir dikdörtgen çizeceğiz ve son olarak son dönüşüm durumunu geri yükleyip açacağız.

Çıktı:

Kod:

 

Yorum bırak