Canvas fill() 方法

定义和用法

fill() 方法填充当前的图像(路径)。默认颜色是黑色。

提示:请使用 fillStyle 属性来填充另一种颜色/渐变。

ਟਿੱਪਣੀਆਂ:如果路径未关闭,那么 fill() 方法会从路径结束点到开始点之间添加一条线,以关闭该路径,然后填充该路径。

实例

绘制 150*100 像素的矩形,然后用绿色来给它填色:

Your browser does not support the HTML5 canvas tag.

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> ਆਬਜੈਕਟ ਸਮਰਥਨ ਕਰਦੇ ਹਨ。