Metoden strokeRect

Metoden strokeRect ritar konturen av en rektangel vid en given punkt. De två första parametrarna anger koordinaterna för punkten där det övre vänstra hörnet av den ritade rektangeln kommer att vara.

Syntax

javascriptkontext.strokeRect(x, y, bredd, höjd);

Exempel

Låt oss rita en rektangel med hjälp av 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);

Результат:

Se även