Latest web development tutorials

méthode toile HTML strokeRect ()

HTML Manuel toile de référence HTML Manuel toile de référence

Exemples

Dessinez un rectangle de 150 * 100 pixels:

YourbrowserdoesnotsupporttheHTML5canvastag.

JavaScript:

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

Essayez »

support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

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

Définition et utilisation

méthode strokeRect () pour dessiner un rectangle (pas de remplissage). La couleur par défaut est traits noirs.

Astuce: Utilisez strokeStyle propriété pour définir la couleur de trait, dégradé ou motif.

Syntaxe JavaScript: contexte .strokeRect (x, y, largeur, hauteur);

Paramètre Valeur

参数 描述
x 矩形左上角的 x 坐标。
y 矩形左上角的 y 坐标。
width 矩形的宽度，以像素计。
height 矩形的高度，以像素计。

HTML Manuel toile de référence HTML Manuel toile de référence