Canvas createRadialGradient() ਮੰਤਰ
ਵਿਵਰਣ ਅਤੇ ਵਰਤੋਂ
createLinearGradient() ਰੰਗ ਪ੍ਰਵਾਹ ਵਿੱਚ ਰੇਡੀਅਲ/ਗੋਲਾਕਾਰ ਰੰਗ ਪ੍ਰਵਾਹ ਵਿਸ਼ੇਸ਼ਤਾ ਬਣਾਉਣ ਲਈ ਮੰਤਰ ਵਰਤੋਂ ਕਰੋ。
ਰੰਗ ਪ੍ਰਵਾਹ ਨੂੰ ਚੌਕਟੀ, ਗੋਲ, ਰੇਖਾ, ਲਿਖਤ ਆਦਿ ਭਰਨ ਲਈ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ。
ਸੁਝਾਅ:ਇਸ ਅਧਿਕਾਰ ਨੂੰ ਵਰਤੋਂ ਵਿੱਚ ਲਓ strokeStyle ਜਾਂ fillStyle ਵਿਸ਼ੇਸ਼ਤਾ ਦਾ ਮੁੱਲ
ਸੁਝਾਅ:ਇਸ ਪ੍ਰਕਾਰ ਵਰਤੋਂ: addColorStop() ਮੰਤਰ ਵਿੱਚ ਵੱਖ-ਵੱਖ ਰੰਗਾਂ ਨੂੰ ਨਿਰਧਾਰਤ ਕਰਦਾ ਹੈ ਅਤੇ ਰੰਗ ਪ੍ਰਵਾਹ ਵਿੱਚ ਕਿਸ ਸਥਾਨ 'ਤੇ ਰੰਗ ਹੋਵੇਗਾ。
ਉਦਾਹਰਣ
ਇੱਕ ਚੌਕਟੀ ਬਣਾਓ ਅਤੇ ਰੇਡੀਅਲ/ਗੋਲਾਕਾਰ ਰੰਗ ਪ੍ਰਵਾਹ ਨਾਲ ਭਰੋ:
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 |
تعلیمات:اینٹرنیٹ ایکسپلورر 8 اور اس سے پچھلے کی نسلیں <canvas> علامت کو نہیں دعوا کرتی ہیں。
