కాన్వాస్ క్రీట్ రేడియల్ గ్రేడియంట్() మెటడ్
నిర్వచనం మరియు ఉపయోగం
createLinearGradient() మెథడ్ నుండి రేఖారూపం/క్రోమాత్మక రేఖారూపం అబ్జెక్ట్ను సృష్టించండి.
రేఖారూపం పూర్తిగా మద్దతు ఇస్తున్న బ్రౌజర్లను ఉపయోగించండి మరియు రెండు రంగులను కలపడానికి ఉపయోగించండి.
సూచన:ఈ అబ్జెక్ట్ను ఉపయోగించండి strokeStyle లేదా fillStyle అనువర్తనం యొక్క విలువలు.
సూచన:ఉపయోగించండి addColorStop() మెథడ్ రంగులను నిర్దేశిస్తుంది మరియు gradient అబ్జెక్ట్లో ఎక్కడ రంగులను స్థానించాలి.
ఉదాహరణ
ఒక నిష్కర్ష క్షేత్రాన్ని దృశ్యంలో చూపించండి మరియు ప్రత్యక్షంగా పూర్తిగా మద్దతు ఇస్తున్న బ్రౌజర్లను ఉపయోగించండి:
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");
// Fill with gradient
ctx.fillStyle=grd;
ctx.fillRect(10,10,150,100);
వాక్యం
context.createRadialGradient(x0,y0,r0,x1,y1,r1);
పారామీటర్స్ విలువలు
| పారామీటర్స్ | వివరణ |
|---|---|
| x0 | మూలక రేఖారూపం యొక్క x నిర్దేశం. |
| y0 | మూలక రేఖారూపం యొక్క y నిర్దేశం. |
| r0 | మూలక రేఖారూపం యొక్క వైశాఖిక దూరం. |
| x1 | మూలక రేఖారూపం యొక్క x నిర్దేశం. |
| y1 | మూలక రేఖారూపం యొక్క y నిర్దేశం. |
| r1 | మూలక రేఖారూపం వైశాఖిక దూరం. |
బ్రౌజర్ మద్దతు
పట్టికలో క్రమంగా ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇస్తున్న మొదటి బ్రౌజర్ వెర్షన్ను పేర్కొనుచున్నది.
| చ్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఒపెరా |
|---|---|---|---|---|
| చ్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఒపెరా |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
ప్రకటన:Internet Explorer 8 మరియు అంతకు ముంది ఉపాధికరణాలు <canvas> మూలకాన్ని మద్దతు లేవు.
