how to make a rectangle in html code example

Example 1: 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!!

Example 2: box draw html

<div style="width:500px;height:100px;border:1px solid #000;">This is a rectangle!</div>

Tags:

Related