⌘K

Methode strokeRect

Die Methode strokeRect zeichnet den Umriss eines Rechtecks an einem bestimmten Punkt. Die ersten beiden Parameter legen die Koordinaten des Punktes fest, an dem sich die obere linke Ecke des gezeichneten Rechtecks befinden wird.

Syntax

javascriptKontext.strokeRect(x, y, Breite, Höhe);

Beispiel

Zeichnen wir ein Rechteck mit strokeRect: 

html<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>
javascriptlet canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');

ctx.strokeRect(50, 50, 100, 75);

Результат:

Siehe auch

  • Methode fillRect,
    die ein ausgefülltes Rechteck zeichnet
  • Methode rect,
    die ein Rechteck zeichnet
  • Methode lineTo,
    die Linien zeichnet
  • Eigenschaft strokeStyle,
    die die Linienfarbe festlegt
BackMethode lineToNextMethode fillRect