x
<html><body><h1>HTML5 Canvas - rect()</h1><canvas id="myCanvas" width="300" height="150" style="border:1px solid black">Sorry, your browser does not support canvas.</canvas><script>const canvas = document.getElementById("myCanvas");const ctx = canvas.getContext("2d");// Red rectanglectx.beginPath();ctx.lineWidth = "6";ctx.strokeStyle = "red";ctx.rect(5, 5, 290, 140); ctx.stroke();// Green rectanglectx.beginPath();ctx.lineWidth = "4";ctx.strokeStyle = "green";ctx.rect(30, 30, 50, 50);ctx.stroke();// Blue rectanglectx.beginPath();ctx.lineWidth = "10";ctx.strokeStyle = "blue";ctx.rect(50, 50, 150, 80);ctx.stroke();</script> </body></html>