Answers for "how to draw a rectangle in html canvas"

5

js draw square to canvas

// canvas context.fillRect(x, y, height, width);
ctx.fillRect(20, 20, 150, 100);
Posted by: Guest on March-07-2020
8

how to draw rectangle in html

<div style="width:500px;height:100px;border:1px solid #000;">This is a rectangle!</div>
Posted by: Guest on March-07-2020
2

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!!
Posted by: Guest on September-06-2020

Browse Popular Code Answers by Language