✨ Add rounded rectangle option

src/modules/rectangle/readme.md

@@ -24,4 +24,6 @@ const rectangle = new Rectangle(position, width, height, options);
 ## RectangleOptions
 Inherit from [ComponentOptions](../component/readme.md#componentoptions).
 
-Rectangle have no specific options.
+| Name    | Type                        | Default | Comment                                                                             |
+|---------|-----------------------------|---------|-------------------------------------------------------------------------------------|
+| rounded | `Number` or `Array<Number>` | `0`     | Corner radius or an array of radii [top-left, top-right, bottom-right, bottom-left] |

src/modules/rectangle/rectangle.js

@@ -38,7 +38,13 @@ export default class Rectangle extends Component {
      * @return {Rectangle} Itself
      */
     trace (path) {
-        path.rect(0, 0, this.width, this.height);
+        const { rounded } = this.options;
+        if (rounded) {
+            path.roundRect(0, 0, this.width, this.height, ...(Array.isArray(rounded) ? rounded : [rounded]));
+        }
+        else {
+            path.rect(0, 0, this.width, this.height);
+        }
         return this;
     }
 
@@ -91,6 +97,21 @@ export default class Rectangle extends Component {
         return new Rectangle(definition.position, definition.width, definition.height, definition.options);
     }
 
+    /**
+     * @typedef {Object} RectangleOptions
+     * @extends ComponentOptions
+     * @prop {Number|Array<Number>} rounded - Corner radius or an array of radii [top-left, top-right, bottom-right, bottom-left]
+     */
+    /**
+     * @type {RectangleOptions}
+     */
+    static get defaultOptions () {
+        return {
+            ...super.defaultOptions,
+            rounded: 0,
+        };
+    }
+
     /**
      * @typedef {Object} RectangleOrigins
      * @prop {String} topLeft

src/modules/rectangle/rectangle.test.js

@@ -27,6 +27,17 @@ test("trace", (t) => {
     t.context.trace(path);
 });
 
+test("trace rounded", (t) => {
+    t.context.options.rounded = 11;
+    const path = {
+        roundRect: (...params) => {
+            t.deepEqual(params, [0, 0, 123, 22, 11]);
+        },
+    };
+    t.plan(1);
+    t.context.trace(path);
+});
+
 test("getOrigin", (t) => {
     const { origins } = Rectangle;
     const expected = {