roughjs

• Added options to draw dashed lines - strokeLineDash, strokeLineDashOffset, fillLineDash, fillLineDashOffset
• Added option to disable double stroking effect - disableMultiStroke, disableMultiStrokeFill.
• Bug fixes to solid fill in SVG which was not obeying evenodd rules by default

• Added ability to fill non-svg curves

• Add optional seeding for randomness to ensure shapes generated with same arguments result in same vectors
• Implemented a new algorithm for hachure generation based on scanlines. Smaller in code size, and about 20% faster
• Algorithm update - adjust shape randomness and curve-step-counts based on the size of the shape
• Removed async/worker builds - can be achieved in the app level, so no need to be in the lib
• Support no-stroke sketching. stroke: "none" will not generate outline vectors anymore
• Removed sunburst fill style - it had a lot of corner cases where it did not work, and not very popular.

Changelog: https://github.com/pshihn/rough/blob/master/CHANGELOG.md#310---2019-03-14

TypeScript

With this release, Rough.js code has been ported to TypeScript. Moving to a typed language helps a lot as the codebase evolves and gets more complex.

Filling Shapes

I also added a few more fill types when filling shapes. In the previous versions, the shapes could be filled with a solid color or sketchy hachure parallel lines. Now there are a few more options:

hachure(default), solid, zigzag, cross-hatch, or dots

Code example

rc.rectangle(140, 130, 100, 100, {
  fill: 'rgba(255,0,0,0.5)',
  fillStyle: 'zigzag',
  hachureGap: 8
});

rc.rectangle(270, 130, 100, 100, {
  fill: 'rgba(255,0,0,0.5)',
  fillStyle: 'cross-hatch',
  hachureAngle: 60
});

rc.rectangle(660, 130, 100, 100, {
  fill: 'rgba(0,0,0,0.6)',
  fillStyle: 'dots',
  hachureGap: 5,
  fillWeight: 2    // affects the diameter of the dots
});

Fixes https://github.com/pshihn/rough/issues/63

Fix for https://github.com/pshihn/rough/issues/55

https://github.com/pshihn/rough/wiki/RoughGenerator#svg-path-info

• Now Rough.js can be used to render SVG as well. (Not just on canvas). Check out the API. SVG is great for making graphics interactive and with reusable nodes.

• Also contains fixes for path fill bugs on canvas like this one

• Generator support: https://github.com/pshihn/rough/wiki/RoughGenerator
• Default sync execution
• UMD builds for node/electron