rect() to draw rectangles on Canvas

Drag the sliders to change the X, Y postion and height width values for the rectangle.

void gctx.rect(x, y, width, height );

x: Position from left edge of the canvas,
y: Position from Top edge of the canvas,
width : Width of the rectangle.
height : Height of the rectangle.

var my_canvas=$('#my_canvas').get(0)
var gctx = my_canvas.getContext("2d");
gctx.beginPath()
gctx.rect(20,20,50,50);
gctx.stroke();

This article is written by plus2net.com team.

plus2net.com

	13-08-2021
Thanks for this! Helped me in my image imapping project.

✖

We use cookies to improve your browsing experience. . Learn more

Subscribe