模拟在画布上的手绘图

Question

是否有一个模拟canvas元素的JavaScript库，但是创建的线条不是创建直线，而是“自由形式”或“手绘”？

如果它存在并且似乎有人应该已经完成​​它，这将是非常酷的。如果有关于数学的文章，我会感兴趣，因为那时我可以尝试自己实现这个库。

Answer 1

根据你提到的article，我为SVG和HTML5 Canvas创建了一个卡通风格的JS绘图库。它适用于Raphael.js，D3.js或SVG.js的插件或Canvas的lib。它被称为comic.js，可以在github上找到。

这可以产生：

Answer 2

我记得几年前读过一些关于这样做的事情。顺便说一下，这篇文章是在画布上的javascript中进行的。这个想法基本上是使用像Bresenham的线条绘制算法一样逐像素地绘制线条，但是修改它以在线条中添加一些随机偏差/变形。

我不确定这是否是我当时正在阅读的页面，但这是谷歌今天提出的：http://29a.ch/2010/2/10/hand-drawn-lines-algorithm-javascript-canvas-html5