Canvas strokeRect() methode

Canvas reference manual

Definitie en gebruik

strokeRect() Gebruik de methode om een rechthoek te tekenen (zonder te vullen). De standaard kleur van de pen is zwart.

Hint:Tips: strokeStyle Gebruik de eigenschappen om de kleur, de verloop of het patroon van de pen te instellen.

Voorbeeld

Teken van een rechthoek van 150*100 pixels:

Uw browser ondersteunt de HTML5 canvas tag niet.

JavaScript:

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

Probeer het zelf

Syntaxis

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

Parameterwaarde

Parameter Beschrijving
x De x-coördinaat van de linkerbovenhoek van het rechthoek.
y De y-coördinaat van de linkerbovenhoek van het rechthoek.
width Het breedte van het rechthoek, uitgedrukt in pixels.
height The height of the rectangle, in pixels.

Browser support

The numbers in the table indicate the first browser version that fully supports this property.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

Note:Internet Explorer 8 and earlier versions do not support the <canvas> element.

Canvas reference manual