CanvasRenderingContext2D: roundRect() method
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2023.
The CanvasRenderingContext2D.roundRect() method of the Canvas 2D API adds a rounded rectangle to the current path.
The radii of the corners can be specified in much the same way as the CSS border-radius property.
Like other methods that modify the current path, this method does not directly render anything. To draw the rounded rectangle onto a canvas, you can use the