キャンバスに手描きをシミュレートします

Question

Canvas要素をシミュレートするJavaScriptライブラリはありますが、直線を作成する代わりに、「フリーフォーム」または「手描き」の外観が作成された行がありますか？

これは存在していれば非常にクールであり、誰かがすでにそれをしているはずだったようです。また、これに関係する数学に関する記事がある場合、私は興味があります。なぜなら、私はこのライブラリを自分で実装しようとすることができるからです。

Answer 1

数年前にこれを行うことについて何かを読んだことを覚えています。ちなみに、その記事はCanvasのJavaScriptでそれを行っていました。基本的に、Bresenhamのライン描画アルゴリズムのようなものを使用してピクセルごとのラインを描くことでしたが、それを変更して、ラインにランダムな逸脱/摂動を追加することでした。

これが私が当時読んでいたページだったかどうかはわかりませんが、これがGoogleが今日育てたものです。 http://29a.ch/2010/2/10/hand-drawn-lines-algorithm-javascript-canvas-html5

Answer 2

に基づく 論文 ご存知のように、SVGおよびHTML5キャンバス用の漫画スタイルJSドローイングライブラリを作成しました。プラグインとして機能します Raphael.js, D3.js また SVG.js またはlibとして Canvas. 。いわゆる comic.js で見つけることができます github.

これが生み出すことができるもの：