Méthode strokeRect()du canvas HTML

HTML canvas 参考手册Manuel de référence HTML canvas

Exemple

Dessinez un rectangle de 150*100 pixels :

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

JavaScript :

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.strokeRect(20,20,150,100);

Essayez-le vous-même »

Prise en charge des navigateurs

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9, Firefox, Opera, Chrome et Safari prennent en charge la méthode strokeRect().

Remarque :Internet Explorer 8 et les versions antérieures ne prennent pas en charge l'élément <canvas>.

Définition et utilisation

La méthode strokeRect() dessine un rectangle (sans remplissage). La couleur par défaut du contour est noire.

Astuce :Utilisez la propriétéstrokeStylepour définir la couleur, le dégradé ou le motif du trait.

Syntaxe JavaScript : context.strokeRect(x,y,width,height);

Valeurs des paramètres

Paramètre Description
x La coordonnée x du coin supérieur gauche du rectangle.
y La coordonnée y du coin supérieur gauche du rectangle.
width La largeur du rectangle, en pixels.
height La hauteur du rectangle, en pixels.

HTML canvas 参考手册Manuel de référence HTML canvas Autres extensions