Mzoea:
Mwongozo:
HTML canvas createRadialGradient() method Muhtasari na matumizi
Methodu createRadialGradient() anaunda kifaa cha mawingu wa joto/kiringa.
Tahara:Uwanja wa mawingu unaweza kutumiwa kwa kufill kipataa, kikombe, kizitoa, matukio mengine na wengineo. Tumia kifaa hiki kama: autofill fillStyle kima haki za kina ya jina.
Tahara:Tumia: addColorStop() Methodu ina nia kina maweuaji tofauti, na uwanja wako wa kina maweuaji kwenye kifaa cha mawingu.
Mfano
Tengeneza kipataa cha kijani, na uwanja wa mawingu wa joto/kiringa kwa uenezi:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
var grd=ctx.createRadialGradient(75,50,5,90,60,100);
grd.addColorStop(0,"red");
grd.addColorStop(1,"white");
// Kuwa na uwanja wa mawingu
ctx.fillStyle=grd;
ctx.fillRect(10,10,150,100);
Mfano wa lugha
context.createRadialGradient(x0,y0,r0,x1,y1,r1);
Tukio wa thamani
| Tukio | Maelezo |
|---|---|
| x0 | Ukubwa wa yote wa mkono wa kina wa kwanza |
| y0 | Ukubwa wa yote wa mkono wa kina wa kwanza |
| r0 | Ukubwa wa mkono wa kina wa kwanza |
| x1 | Ukubwa wa yote wa mkono wa kina wa yote |
| y1 | Ukubwa wa yote wa mkono wa kina wa yote |
| r1 | Ukubwa wa juu wa mkono wa kina |
Kukimbia kwa browser
Inaonyesha vitu vya browser ambavyo inasubiriwa kuwa wamekubali kufikia katika mabaki ya kwanza ya kina.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Kweli:Internet Explorer 8 na vitu vya zamani haviweza kutumia elementi ya <canvas>.
