HTML ਕੈਨਵਾਸ fill() ਮੇਥਡ
ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ
fill() ਮੇਥਡ ਪ੍ਰਸਤੁਤ ਇਮੇਜ਼ ਦੇ (ਪਾਥ) ਨੂੰ ਭਰੇਗਾ। ਮੂਲ ਰੰਗ ਕਾਲਾ ਹੈ।
ਸੁਝਾਅ:ਕਿਰਪਾ ਕਰਕੇ fillStyle ਪ੍ਰਤੀਯੋਗਿਤਾ ਨੂੰ ਹੋਰ ਰੰਗ/ਰੰਗ ਤਬਦੀਲੀ ਭਰਨ ਲਈ ਵਰਤੋਂ ਕਰੋ।
ਟਿੱਪਣੀਆਂ:ਜੇਕਰ ਪਾਥ ਬੰਦ ਨਹੀਂ ਹੈ ਤਾਂ fill() ਮੇਥਡ ਪਾਥ ਦੇ ਸ਼ੁਰੂ ਅਤੇ ਮੁਕਤ ਮਿਲਾਨ ਵਿੱਚ ਇੱਕ ਲਾਈਨ ਜੋੜੇਗਾ, ਤਾਕਿ ਉਹ ਪਾਥ ਬੰਦ ਹੋ ਜਾਵੇ ਅਤੇ ਉਸ ਪਾਥ ਨੂੰ ਪੂਰਾ ਕਰੇ।
ਉਦਾਹਰਣ
150*100 ਪਿਕਸਲ ਦਾ ਚੌਕਾ ਚਿੰਨ੍ਹ ਦਰਸਾਉਣ ਅਤੇ ਗ੍ਰੀਨ ਰੰਗ ਨਾਲ ਇਸ ਨੂੰ ਰੰਗ ਦਿੱਤਾ ਜਾਵੇਗਾ:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rect(20,20,150,100);
ctx.fillStyle="green";
ctx.fill();
ਗਣਾਤਮਕ
context.fill();
ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ
ਸਾਰੇ ਸਿਫਰਾਂ ਵਿੱਚ ਇਸ ਗੁਣ ਦਾ ਪਹਿਲਾ ਸਹੀ ਸਮਰਥਨ ਕਰਨ ਵਾਲਾ ਬਰਾਉਜ਼ਰ ਦੀ ਵਰਜਨ ਸੂਚੀ ਦਿੱਤੀ ਗਈ ਹੈ。
| ਚਰਮੋਨੀ | ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸੈਫਾਰੀ | ਓਪਰਾ |
|---|---|---|---|---|
| ਚਰਮੋਨੀ | ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸੈਫਾਰੀ | ਓਪਰਾ |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
ਟਿੱਪਣੀਆਂ:Internet Explorer 8 ਅਤੇ ਘੱਟ ਤੋਂ ਘੱਟ ਵਰਜਨ ਨਹੀਂ <canvas> ਐਲੀਮੈਂਟ ਦਾ ਸਮਰਥਨ ਕਰਦੇ ਹਨ。
