Canvas createRadialGradient() विधि

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 अंतिम गोला का दायरा की दूरी

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

तालिका में अंक को पहले पूरी तरह से समर्थन करने वाले ब्राउज़र का संस्करण कहा गया है।

च्रोम एज फायरफॉक्स सैफारी ऑपेरा
च्रोम एज फायरफॉक्स सैफारी ऑपेरा
4.0 9.0 3.6 4.0 10.1

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

Canvas संदर्भ पुस्तक