11-10-2014 Saat: 13:25
Eğimler dikdörtgenleri, çemberleri, çizgileri, metinleri ya da başka şeyleri doldurmak için kullanılır. Canvas üzerindeki şekiller koyu renklerle sınırlandırılmaz.
There are two different types of gradients:
createLinearGradient(x,y,x1,y1) - Düzgün eğim yaratır.
createRadialGradient(x,y,r,x1,y1,r1) - Çembersel eğim yaratır.
Eğer bir eğimsel nesnemiz varsa, iki ya da daha fazla "color stops" eklemeliyiz.
addColorStop() metodu "color stops"ları ve onların gradient boyunca olan pozisyonlarını belirtir. Gradient'lerin pozisyonları 0 ve 1 arasında herhangi bir yerde olabilir.
Gradient kullanmak için, fillStyle veya strokeStyle özelliğini gradient üzerinde kullanın ve dikdörtgen, metin ya da çizgi gibi şekiller çizin.
createLinearGradient() Kullanımı:
There are two different types of gradients:
createLinearGradient(x,y,x1,y1) - Düzgün eğim yaratır.
createRadialGradient(x,y,r,x1,y1,r1) - Çembersel eğim yaratır.
Eğer bir eğimsel nesnemiz varsa, iki ya da daha fazla "color stops" eklemeliyiz.
addColorStop() metodu "color stops"ları ve onların gradient boyunca olan pozisyonlarını belirtir. Gradient'lerin pozisyonları 0 ve 1 arasında herhangi bir yerde olabilir.
Gradient kullanmak için, fillStyle veya strokeStyle özelliğini gradient üzerinde kullanın ve dikdörtgen, metin ya da çizgi gibi şekiller çizin.
createLinearGradient() Kullanımı:
PHP Kod:
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
// Gradient'i oluşturma
var grd = ctx.createLinearGradient(0,0,200,0);
grd.addColorStop(0,"red");
grd.addColorStop(1,"white");
// Eğimli olarak dolgulandırma
ctx.fillStyle = grd;
ctx.fillRect(10,10,150,80);