「Rough.js」はJavaScriptで作られたライブラリで手描き感あふれる図形を描く事ができます。「直線」や「多角形」「円」などを描画できることはもちろん、SVGのPath要素の記述も可能なため、複雑な図形を描くこともできるとのことです。 Rough.js http://roughjs.com/ Rough.jsを使って、たとえば正方形を描くコードは以下の通り。 <pre>const rc = rough.canvas(document.getElementById('canvas')); rc.rectangle(10, 10, 200, 200);</pre> 線が少しゆがんだ形となり味のある正方形になります。 また以下のようなコードを書いて…… <pre>rc.circle(80, 120, 50); rc.ellipse(300, 100, 150, 80); rc.line
![手書き風の図形を描画できるライブラリ「Rough.js」](https://cdn-ak-scissors.b.st-hatena.com/image/square/9848f609f3078d677f212b828caba7a13bd8527c/height=288;version=1;width=512/https%3A%2F%2Fi.gzn.jp%2Fimg%2F2018%2F03%2F17%2Frough-js%2F00.png)