Canvasをアナログ手書き風に描画できるJSライブラリ「Rough.js」 アナログタッチ風のCanvas&SVGを描画できるJavaScriptライブラリ「Rough.js 」をご紹介いたします。 投稿日2018年01月09日 更新日2018年01月09日 ライブラリのダウンロード 下記URLの「Download .zip」ボタンからダウンロードします。 Rough.js ダウンロードしたらrough.min.jsを読み込みます。 <script type="text/javascript" src="https://roughjs.com/builds/rough.min.js"></script> 使い方 canvasタグを適当なidでマークアップします。 <canvas id="rough-canvas"></canvas> rectangleで四角、circleで円を描画します
![Canvasをアナログ手書き風に描画できるJSライブラリ「Rough.js」](https://cdn-ak-scissors.b.st-hatena.com/image/square/12f6df88c6f1d9939904f449f3e72b5000314f12/height=288;version=1;width=512/https%3A%2F%2Fwww.webopixel.net%2Fblog%2Fwp-content%2Fuploads%2F2018%2F01%2F0109s.png)