Draw rectangle html canvas

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!!

Source: grepper.com

Draw rectangle html canvas

function drawRectangle(point: Vector, width: number, height: number) {
  this.context.beginPath();
  this.context.rect(point.x, point.y, width, height);
  this.context.fill();
  this.context.stroke();
}

Source: grepper.com

Draw rectangle html canvas

let canvas = document.getElementById("canvas");
let context = canvas.getContext("2d");
context.beginPath();
context.rect(point.x, point.y, width, height);
context.fill();
context.stroke();

Source: grepper.com

Js canvas rectangel

function draw() {
  var canvas = document.getElementById('canvas');
  if (canvas.getContext) {
    var ctx = canvas.getContext('2d');

    ctx.fillRect(25, 25, 100, 100);
    ctx.clearRect(45, 45, 60, 60);
    ctx.strokeRect(50, 50, 50, 50);
  }
}

-1

Source: developer.mozilla.org

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>

-2

Source: grepper.com

Similar codes

0 vote225 views1 answer
Twig post
Html
4 votes296 views6 answers
Uncaught ReferenceError: $ is not defined
Html
1 vote178 views1 answer
Page dans un nouvelle onglet html
Html
9 votes175 views4 answers
Click angular
Html
0 vote177 views1 answer
Htlm param
Html
6 votes185 views3 answers
Ion-select placeholder
Html
0 vote256 views2 answers
How to write text on video in html
Html
0 vote189 views1 answer
Html link to pdf
Html
0 vote173 views1 answer
Is html dead
Html
4 votes177 views2 answers
Html metatags for facebook
Html