Breaking News: Grepper is joining You.com. Read the official announcement!

javascript an easier way to center the rectangle on canvas

Aggressive Aardvark answered on January 23, 2022 Popularity 1/10 Helpfulness 1/10

answer javascript an easier way to center the rectangle on canvas

javascript an easier way to center the rectangle on canvas

Comment

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
var width = 130, height = 80;//Dimensions of rectangle
var x = canvas.Width/2, y = canvas.Height/2;//Center coordinates of rectangle 
ctx.rect(x - width/2, y - height/2, width, height);
ctx.stroke();

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: canvas center javascript

Link to this answer
Share Copy Link