Rough.js
Rough.js is a 9 kB small lightweight graphics library that allows you to create graphics in hand drawing and sketch-like style. The library defines basic shapes such as lines, curves, arcs, polygons, circles, and ellipses, as well as primitive components to draw SVG paths. It works compatible with both HTML5 Canvas and SVG.
Rough.js
55rough-stuff · Graphic Design & Vector
Common commercial products in this category: Adobe Photoshop, Adobe Illustrator, Canva
- You draw rectangles, circles, ellipses and lines in the form of hand drawing using HTML5 Canvas or SVG
- You define different filling styles and colors, such as hakhure, solid, zigzag, cross-hatch, dots, dashed or zigzag-line
- By adjusting the parameters of roughness and twisting, you customize the sketch style of shapes
- • Last update 2 years ago
- • NeutralHacker News
Rough.js: Create graphics with a hand-drawn, sketchy, appearance
“Related: Show HN: Sketchy-appearance interactive timeline made using RoughJS - - Dec 2021 (1 comment) Rough.js – Create graphics with a hand-drawn, sketchy, appearance - - Dec 2021 (23 comments) Show HN: Hand-drawn timelines using RoughJS - - July 2020 (1 comment) Rough.js –…”
- • NeutralHacker News
Rough.js: Create graphics with a hand-drawn, sketchy, appearance
“I used it to implement the "Sketchify" generator in Boxy SVG ( ). It is especially nice that Rough.js has very few dependencies and can run inside a web worker.”
My note
Alternative pages
More in: Graphic Design & Vector
- PixiJS★ 48,602 · today
- html2canvas★ 31,928 · 2 yr ago
- Fabric.js★ 31,531 · today
- Signature Pad★ 12,076 · 2 days ago
- vectorcraft★ 11,082 · today
- Pixelorama★ 10,896 · 3 days ago