rect() to add rectangle to Canvas DEMO



HTML

<canvas id="my_canvas" width="500" height="200"  style="border:1px solid #000000;"></canvas>

JavaScript

const canvas = document.getElementById('my_canvas');
const ctx = canvas.getContext('2d');
ctx.beginPath();
ctx.rect(20, 20, 150, 100);
ctx.stroke();