js draw square to canvas
// canvas context.fillRect(x, y, height, width);
ctx.fillRect(20, 20, 150, 100);js draw square to canvas
// canvas context.fillRect(x, y, height, width);
ctx.fillRect(20, 20, 150, 100);how to draw rectangle in html
<div style="width:500px;height:100px;border:1px solid #000;">This is a rectangle!</div>draw rectangle on canvas javascript
//Assuming you have canvas and context (ctx) set up:
ctx.fillStyle = "(enter color)";
ctx.fillRect(x, y, width, height);
//to set up canvas and context:
var canvas = document.getElementById("(enter canvas's id)");
var ctx = canvas.getContext("2d");how to make a rectangle in javascript
const canvas = document.getElementById('pong') // first make a index . html with a canvas height and width and id of pong or whatever
// and then we have to get access to our context to draw on it
const context = canvas.getContext('2d')
// then you do...
context.drawRect(20, 20, 150, 150);
context.fillStyle = '#fff' // thats white!!how to make a rectangle in javascript
<html>
<head>
<meta charset="UTF-8">
<title>Pong</title>
<script language="Javascript" type="text/Javascript" src="libraries/p5.js"></script>
<script language="Javascript" type="text/Javascript" src="pong.js" defer></script>
<style> body {padding: 0; margin: 0;} </style>
</head>
<body>
<canvas id="pong" width="600" height="400"></canvas>
</body>
</html>Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
