HTML5 Canvas ile öğelerin opaklığını ayarlamak için, canvas bağlamının globalAlpha özelliğini, 0 ile tamamen şeffaf ve 1 ile tamamen opak olan 0 ile 1 arasında...
Etiketler - HTML5 Canvas Örnekleri
HTML5 tuvalini kullanarak kırpma bölgesini tanımlamak için bir yol çizip tuval içeriğinin clip() yöntemini kullanabiliriz. Daha sonra çizilen her şey kırpma...
HTML5 Canvas ile gölge eklemek için, tuval içeriğinin shadowColor, shadowBlur, shadowOffsetX ve shadowOffsetY özelliklerini kullanabiliriz. Çıktı: Kod:...
HTML5 Canvas kullanarak bir oval oluşturmak için bağlam state içine kaydedebilir, tuval içeriğini yatay olarak genişletebilir, bir daire çizebilir, tuval...
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...
HTML5 Canvas dönüştürme matrisini sıfırlamak için, aşağıdaki kuralı kullanarak dönüşüm matrisini varsayılan durumuna getirmek için setTransform() yöntemini...
HTML5 Canvas kullanarak bir ayna dönüşümü oluşturmak için, içeriği yatay olarak çevirmek için x yönünde bir negatif ölçek uygulayabilir veya içeriği dikey...
HTML5 tuvalini kesmek için, aşağıdaki dönüştürme matrisiyle transform() yöntemini kullanabiliriz. sx yatay kaymayı, sy ise dikey kaymayı tanımlar. Çıktı: Kod:...
HTML5 Canvas’a özel bir dönüştürme matrisi uygulamak için transform() yöntemini kullanabiliriz. Bu yöntem aşağıdaki kurala göre 3 x 3 matrisin altı...
HTML5 Canvas’ı döndürmek için rotate() transform yöntemini kullanabiliriz. Döndürme dönüşümü radyan cinsinden bir açı gerektirir. Dönme noktasını...