ਐੱਚਟੀਐੱਮਐੱਲ ਕੈਂਵਾਸ clearRect() ਮੈਥਡ

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ

clearRect() ਦਿੱਤੇ ਚੱਕਰ ਅੰਦਰ ਨਿਰਧਾਰਿਤ ਪਿਕਸਲਾਂ ਨੂੰ ਸਾਫ ਕਰਨ ਦਾ ਤਰੀਕਾ:

ਉਦਾਹਰਣ

ਦਿੱਤੇ ਚੱਕਰ ਅੰਦਰ ਇੱਕ ਚੱਕਰ ਖਾਲੀ ਕਰੋ:

ਤੁਹਾਡਾ ਬਰਾਉਜ਼ਰ ਐੱਚਟੀਐੱਮਐੱਲ5 ਕੈਂਵਾਸ ਟੈਗ ਨੂੰ ਸਮਰਥਨ ਨਹੀਂ ਕਰਦਾ ਹੈ。

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="red";
ctx.fillRect(0,0,300,150);
ctx.clearRect(20,20,100,50);

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਗਰੰਟਰ

context.clearRect(x,y,width,height);

ਪੈਰਾਮੀਟਰ ਮੁੱਲ

ਪੈਰਾਮੀਟਰ ਵਰਣਨ
x ਸਾਫ ਕਰਨੇ ਵਾਲੇ ਚੌਕੇ ਦੇ ਉੱਪਰੀ ਖੱਬੇ ਕੋਨੇ ਦੇ x ਸਕੋਰ
y ਸਾਫ ਕਰਨੇ ਵਾਲੇ ਚੌਕੇ ਦੇ ਉੱਪਰੀ ਖੱਬੇ ਕੋਨੇ ਦੀ y ਸਕੋਰ
width ਸਾਫ ਕਰਨੇ ਵਾਲੇ ਚੌਕੇ ਦੀ ਚੌੜਾਈ, ਪਿਕਸਲ ਵਿੱਚ
height ਸਾਫ ਕਰਨੇ ਵਾਲੇ ਚੌਕੇ ਦੀ ਉਚਾਈ, ਪਿਕਸਲ ਵਿੱਚ

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

ਸਾਰੇ ਸਤਰ ਵਿੱਚ ਸੰਖਿਆਵਾਂ ਇਸ ਗੁਣ ਦਾ ਪਹਿਲਾ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਨ ਕਰਨ ਵਾਲਾ ਬਰਾਉਜ਼ਰ ਦੀ ਵਰਜਨ ਨੂੰ ਦਰਸਾਉਂਦੀਆਂ ਹਨ。

ਚਰਮੇ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪਰਾ
ਚਰਮੇ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪਰਾ
4.0 9.0 3.6 4.0 10.1

ਟਿੱਪਣੀਆਂ:Internet Explorer 8 ਅਤੇ ਅਨੁਸੂਚਿਤ ਵਰਜਨਾਂ <canvas> ਐਲੀਮੈਂਟ ਨੂੰ ਸਮਰਥਨ ਨਹੀਂ ਦਿੰਦੇ ਹਨ。