Graphic lib has a new function that can calculate point on a quadratic bezier curve which can be use to draw quarter circle.

Combine four of them will draw a rectangle with rounded corners.

g.clear(); function RectRnd(x1,y1,x2,y2,r) { pp = []; pp.push.apply(pp,g.quadraticBezier([x2-r,y1, x2,y1,x2,y1+r])); pp.push.apply(pp,g.quadraticBezier([x2,y2-r,x2,y2,x2-r,y2])); pp.push.apply(pp,g.quadraticBezier([x1+r,y2,x1,y2,x1,y2-r])); pp.push.apply(pp,g.quadraticBezier([x1,y1+r,x1,y1,x1+r,y1])); return pp; } function fillRectRnd(x1,y1,x2,y2,r) { g.fillPoly(RectRnd(x1,y1,x2,y2,r),1); } function drawRectRnd(x1,y1,x2,y2,r) { g.drawPoly(RectRnd(x1,y1,x2,y2,r),1); } drawRectRnd(10,10,150,50,5); fillRectRnd(10,60,150,120,5);

1 Attachment

@MaBe started

Espruino is a JavaScript interpreter for low-power Microcontrollers. This site is both a support community for Espruino and a place to share what you are working on.

MaBeGraphic lib has a new function that can calculate point on a quadratic bezier curve which can be use to draw quarter circle.

Combine four of them will draw a rectangle with rounded corners.

1 Attachment