Toile HTML méthode clearRect()

❮ Référence de canevas HTML

Exemple

Effacer un rectangle dans un rectangle donné :

Votre navigateur ne prend pas en charge la balise HTML5 canva.

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);

Prise en charge du navigateur

Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge la méthode.

Method
clearRect() Yes 9.0 Yes Yes Yes

Définition et utilisation

La méthode clearRect() efface les pixels spécifiés dans un rectangle donné.

Syntaxe JavaScript : contexte .clearRect( x,y,width,height );

Valeurs des paramètres

Parameter Description Play it
x The x-coordinate of the upper-left corner of the rectangle to clear
y The y-coordinate of the upper-left corner of the rectangle to clear
width The width of the rectangle to clear, in pixels
height The height of the rectangle to clear, in pixels

❮ Référence de canevas HTML