Releases: rough-stuff/rough
Releases · rough-stuff/rough
Three new fill styles: dashed, sunburst, zigzag-line
Refactor to be more tree shakable
v3.0.0 fixed example
v2.2.5: Merge pull request #84 from pshihn/type-mismatch
refactoring to clean up interfaces
v2.2.4: Merge pull request #83 from pshihn/optional-options
Optional options
v2.2.3: Merge pull request #78 from pshihn/offscreen-fill
2.2.1 TypeScript and More Fill Options
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
});
Typescript port
Merge pull request #72 from pshihn/dev Typescript port