Rafat
Rafat
Programming language:Html
2021-04-06 17:23:00
4
Q:

how to make a rectangle in javascript

DrKoch
DrKoch
Code: Html
2021-03-03 15:34:20 

var c = document.getElementById("myCanvas");

var ctx = c.getContext("2d");
ctx.beginPath();

ctx.rect(20, 20, 150, 100);

ctx.stroke();
3
fireeeeeeeee
fireeeeeeeee
Code: Html
2021-05-21 12:56:53 
// canvas context.fillRect(x, y, height, width);
ctx.fillRect(20, 20, 150, 100);
3
Ornella H
Ornella H
Code: Html
2021-06-20 21:54:05 
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!!
0
fred
fred
Code: Html
2021-02-01 01:25:03 
<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>
0

Tags

Related

New to Communities?

Join the community