HTML5 Canvas kullanarak bir görüntüyü kırpmak için drawImage() yöntemine, sourceX, sourceY, sourceWidth, sourceHeight, destWidth ve destHeight’a altı ek...
Etiketler - HTML5 Canvas Örnekleri
HTML5 Canvas’ı kullanarak görüntünün boyutunu ayarlamak için drawImage() yöntemine, width ve height’e iki argüman ekleyebiliriz. Çıktı: Kod:...
HTML5 Canvas kullanarak bir resim çizmek için, bir resim nesnesi ve bir hedef nokta gerektiren drawImage() yöntemini kullanabiliriz. Hedef noktası, tuvalin sol...
HTML5 Canvas ile desen oluşturmak için, pattern nesnesini döndüren canvas içeriğinin createPattern() yöntemini kullanabilir, fillStyle özelliğini pattern...
HTML5 Canvas ile radyal degrade oluşturmak için createRadialGradient() yöntemini kullanabiliriz. Radyal degradeler, iki hayali daire ile tanımlanır – bir...
HTML5 Canvas ile doğrusal bir degrade oluşturmak için createLinearGradient() yöntemini kullanabiliriz. Doğrusal degradeler, degradenin yönünü tanımlayan hayali...
HTML5 Canvas şeklini düz bir renkle doldurmak için, fillStyle özelliğini mavi gibi bir renk dizesine, #0000FF gibi bir hex değerine veya rgb (0,0,255) gibi bir...
HTML5 Canvas ile yarım daire oluşturmak için arc() yöntemini kullanarak bir yay oluşturabilir ve bitiş açısını startAngle(başlangıç açısı) + PI olarak...
HTML5 Canvas ile bir daire çizmek için, arc() yöntemini kullanarak başlangıç açısını 0 ve bitiş açısını 2 * PI tanımlayarak tam bir yay oluşturabiliriz. Çıktı:...
HTML5 Canvas kullanarak bir dikdörtgen oluşturmak için, şekli 4 bağlantı çizgisiyle oluşturmak yerine rect() yöntemini kullanabiliriz. HTML5 Canvas dikdörtgeni...