2011-12-04 4 views
3

キャンバス要素をシミュレートするJavaScriptライブラリがありますが、直線を作成する代わりに、作成された線が 'フリーフォーム'または '手描き'のように見えますか?キャンバスで手描きをシミュレートする

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

+0

私はまさにライブラリはの世話をするだろうか本当にわからないんだけど、私は一度あなたが記述しているものの非常に些細なバージョンを作成します。http: //pimvdb.github.com/。 – pimvdb

+1

@pim私は彼が何を意味しているとは思わないのですか?彼はプログラム的に*ある座標ペアから別の座標ペアに線を描き、それを手書きで描くことができるライブラリを望んでいるようです。 –

+0

これに何か更新がありますか? 3年前から新しいライブラリがありますか? –

答えて

3

私は数年前にこれを行うことについて何かを読んで覚えています。ちなみに、記事はキャンバス上でjavascriptでそれをやっていた。基本的には、Bresenhamの線画作成アルゴリズムのようなものを使ってピクセル単位で線を描きましたが、行にランダムな偏差/蛇行を追加するように修正しました。これは私が一度に読んでいたページだった場合

は私はわからないが、これはGoogleが今日育てものです:に基づいてhttp://29a.ch/2010/2/10/hand-drawn-lines-algorithm-javascript-canvas-html5

+0

これは私が探していたもので、品質は私が望んでいたものよりも少し小さいようですが、正しい方向です。 – Dennkster

4

articleあなたは、私は漫画のスタイルJS描画ライブラリを作成言及SVGとHTML5のキャンバス。 Raphael.jsD3.jsまたはSVG.jsのプラグインとして、またはCanvasのlibとして動作します。 comic.jsと呼ばれ、githubにあります。

このことが生産できるもの:

comic.js screenshot

関連する問題