javascript canvas draw square code example

Example 1: js draw square to canvas

// canvas context.fillRect(x, y, height, width);
ctx.fillRect(20, 20, 150, 100);

Example 2: javascript rect

// canvas context.fillRect(x, y, width, height);
ctx.fillRect(20, 20, 150, 100);

Example 3: 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>

Tags:

Python Example

Related