2011-12-04 37 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