Canvas createRadialGradient() পদ্ধতি
সংজ্ঞা ও ব্যবহার
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 | সম্পূর্ণ বৃত্তের ব্যাসার্ধ |
ব্রাউজার সমর্থন
টেবিলের সংখ্যা প্রথমবার এই বৈশিষ্ট্যকে সম্পূর্ণরূপে সমর্থনকারী ব্রাউজারের সংস্করণটি নির্দেশ করে।
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
注释：Internet Explorer 8 以及更早的版本不支持
