2011-12-04 42 views
3

是否有JavaScript庫可以模擬畫布元素,而不是創建直線,創建的線條看起來是「自由形式」還是「手繪」?在畫布上模擬手繪

這將是非常酷,如果它存在,它似乎有人應該已經做到了。此外,如果有涉及此數學的文章,我會感興趣,因爲那樣我就可以嘗試自己實現這個庫。

+0

我真的不知道究竟庫會照顧的,但我曾經創造了你描述的很瑣碎版本:HTTP: //pimvdb.github.com/。 – pimvdb

+1

@pim我不認爲這就是他的意思:他似乎想要一個庫,它可以*編程方式從一個座標對繪製一條線到另一個座標對,並使其看起來手繪。 –

+0

有沒有更新?任何新圖書館自3年前? –

回答

3

我記得幾年前閱讀過有關這樣做的內容。順便說一句,該文章是在JavaScript上做的。這個想法基本上是用像Bresenham的畫線算法一樣逐像素地繪製線條,但是修改它以在線上添加一些隨機偏差/微擾。

我不知道這是否是我當時讀的頁面,但是這是今天的谷歌提出了:基於http://29a.ch/2010/2/10/hand-drawn-lines-algorithm-javascript-canvas-html5

+0

這就是我一直在尋找的,質量似乎比我所希望的少一點,但它在正確的方向:) – Dennkster

4

article你提到的,我創建了一個卡通風格繪製的JS庫SVG和HTML5畫布。它可以作爲Raphael.js,D3.jsSVG.js的插件或作爲Canvas的lib使用。它被稱爲comic.js,可以在github找到。

這是什麼可生產:

comic.js screenshot