js draw square to canvas
// canvas context.fillRect(x, y, height, width); ctx.fillRect(20, 20, 150, 100);
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(); }
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>
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(); }