HTML कैनवस createRadialGradient() विधि

HTML5 Canvas संदर्भ पुस्तिका

परिभाषा और उपयोग

createLinearGradient() विधि के द्वारा विकेंद्रित/वृत्तीय ग्रेडिएंट ऑब्जैक्ट बनाता है。

ग्रेडिएंट चतुर्भुज, वृत्त, रेखाएँ, लेखन आदि को भरने के लिए इस्तेमाल किया जा सकता है。

सूचना:इस ऑब्जैक्ट को strokeStyle या fillStyle गुण के मान का.

सूचना:इस्तेमाल करें addColorStop() विधि अलग-अलग रंगों को निर्दिष्ट करती है, और ग्रेडिएंट ऑब्जैक्ट में रंग कहाँ स्थित है।

उदाहरण

एक चतुर्भुज को आरेखित करें और विकेंद्रित/वृत्तीय ग्रेडिएंट से भरें:

आपका ब्राउज़र HTML5 कैनवस टैग को समर्थित नहीं करता.

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");
// ग्रेडिएंट से भरें
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 चक्कर के अंत का व्यास

ब्राउज़र समर्थन

तालिका में दिए गए नंबर इस गुण को पूरी तरह से समर्थन देने वाले पहले ब्राउज़र का संस्करण को सूचित करते हैं।

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

टिप्पणी:Internet Explorer 8 और अधिक पुरानी संस्करण <canvas> एलीमेंट को समर्थन नहीं देते।

HTML5 Canvas संदर्भ पुस्तिका