From e6219246e2553fb5ca10cd8aa7f1e495a3bacd32 Mon Sep 17 00:00:00 2001 From: Farzaneh Sefidabi Date: Tue, 10 Oct 2023 11:43:40 +0330 Subject: [PATCH] update description of Filling section in README.md file to a more descriptive way --- README.md | 13 +++++++++++-- 1 file changed, 11 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 954b9b3..cb7e869 100644 --- a/README.md +++ b/README.md @@ -78,9 +78,18 @@ rc.rectangle(120, 105, 80, 80, { }); ``` -Fill styles can be: **hachure**(default), **solid**, **zigzag**, **cross-hatch**, **dots**, **dashed**, or **zigzag-line** +Fill styles can be one of the following options (default is `hachure`): + +| value | description | example | +| -------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- | +| `hachure` | Draws sketchy parallel lines with the same roughness as defined by the roughness and the bowing properties of the shape. | fill-style-hachure | +| `solid` | Like a conventional fill. | fill-style-solid | +| `zigzag` | Draws zig-zag lines filling the shape. | fill-style-zigzag | +| `cross-hatch` | Similar to `hachure`, but draws cross hatch lines (akin to two `hachure` fills 90 degrees from each other). | fill-style-cross-hatch | +| `dots` | Fills the shape with sketchy dots. | fill-style-dots | +| `dashed` | Similar to `hachure` but the individual lines are dashed. Dashes can be configured using the `dashOffset` and `dashGap` properties. | fill-style-dashed | +| `zigzag-line` | Similar to `hachure` but individual lines are drawn in a zig-zag fashion. The size of the zig-zag can be configured using the `zigzagOffset` proeprty. | fill-style-zigzag-line | -![Rough.js fill examples](https://roughjs.com/images/m14.png) ### Sketching style