HTML-canvas strokeRect() Methode

Teken een rechthoek van 150 * 100 pixels:

javascript:

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

Browserondersteuning

De getallen in de tabel geven de eerste browserversie aan die de methode volledig ondersteunt.

Method
strokeRect()	Yes	9.0	Yes	Yes	Yes

De methode strokeRect() tekent een rechthoek (geen vulling). De standaardkleur van de streek is zwart.

Tip: gebruik de eigenschap strokeStyle om een kleur, verloop of patroon in te stellen om de streek op te maken.

JavaScript-syntaxis:	context .strokeRect( x,y,breedte,hoogte );

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