Mbinu ya strokeRect

Mbinu strokeRect inachora mzunguko wa mstatili katika eneo maalum. Vigezo viwili vya kwanza hubainisha viwianishi vya eneo, ambalo litakuwa kona ya juu kushoto ya mstatili unaochorwa.

Syntax

javascriptmuktadha.strokeRect(x, y, upana, urefu);

Mfano

Wacha tuchore mstatili kwa kutumia 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);

Результат:

Angalia pia

  • mbinu fillRect,
    ambayo inachora mstatili uliokaushwa rangi
  • mbinu rect,
    ambayo inachora mstatili
  • mbinu lineTo,
    ambayo inachora mistari
  • sifa strokeStyle,
    ambayo huweka rangi ya mstari