how to draw square to the center in canvas

Solutions on MaxInterview for how to draw square to the center in canvas by the best coders in the world

showing results for - "how to draw square to the center in canvas"

1<style>
2      .main-canvas {
3        margin: 20px;
4        border: 1px solid black;
5      }
6</style>
7
8<canvas width="600" height="400" class="main-canvas"></canvas>
9
10const canvas = document.querySelector('.main-canvas');
11const ctx = canvas.getContext('2d');
12
13ctx.fillRect(200, 100, 200, 200);

similar questions

arc canvas support html canvas rounded corners p5js add canvas in middle square root javascript js draw square to canvas javascript canvas text centered javascript draw circle on canvas canvas round rectangle javascript canvas rectangle rounded corners how to place text at custom position on canvas in javascript javascript canvas text align how to drawimage on center of canvas make circle html canvas draw rectangle on canvas javascript how to center a canvas in javascript

queries leading to this page

how to center a square in html canvas center canvas element how to center a square in canvas make square in center of canvas how to draw square to the center in canvas how to draw a square with fixed center draw text on center of a square canvas javscript draw text on center of a square canvas center a rectangle in a canvas draw a rectangle in the middle of an html canvas how to draw square to the center in canvas