HTML5 Canvas ile radyal degrade oluşturmak için createRadialGradient() yöntemini kullanabiliriz. Radyal degradeler, iki hayali daire ile tanımlanır – bir...
Arşiv - 2019
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...
HTML5 Canvas ile özel bir şekil oluşturmak için, bir path(yol) oluşturabilir ve ardından closePath() yöntemini kullanarak onu kapatabiliriz. Şeklimizi...
HTML5 Canvas kullanarak yuvarlatılmış köşeler oluşturmak için, bir kontrol noktası, bir bitiş noktası ve bir yarıçap tarafından tanımlanan arcTo() yöntemini...
Bir HTML5 Canvas çizgi birleştirme stilini ayarlamak için lineJoin özelliğini ayarlayabiliriz. Yollar üç çizgi bağlantısından birine sahip olabilir:...
HTML5 Canvas ile bir yol oluşturmak için birden fazla alt yol bağlayabiliriz. Her yeni alt yolun bitiş noktası, yeni bağlam noktası olur. Yolumuzu oluşturan...