Rough.js
Rough.js 介绍
Roughjs是一个轻量级的JavaScript图形库(压缩后约9KB),可以让你在网页上绘制素描风格、手绘样式般的图形。Roughjs定义了绘制直线,曲线,圆弧,多边形,圆和椭圆的图元,同时它还支持绘制SVG路径。
Rough.js安装
npm install --save roughjs
使用
const rc = rough.canvas(document.getElementById('canvas'));
rc.rectangle(10,10,200,200); // x,y,width,height
or SVG
const rc = rough.svg(svg);
let node = rc.rectangle(10,height
svg.appendChild(node);
网站地址:http://roughjs.com
GitHub:https://github.com/pshihn/rough
网站描述:基于Canvas的轻量级绘图工具
Rough.js官方网站
官方网站:http://roughjs.com