javascript - 在 Canvas 上模拟手绘

标签 javascript html5-canvas

是否有一个 JavaScript 库可以模拟 Canvas 元素,但不是创建直线,而是创建的线条看起来是“自由形式”或“手绘”的?

如果它存在的话,那将是非常酷的,而且看起来应该有人已经做到了。另外,如果有关于这方面数学的文章,我会很感兴趣,因为那时我可以尝试自己实现这个库。

最佳答案

我记得几年前读过一些关于这样做的文章。顺便说一句,那篇文章是在 canvas 上用 javascript 写的。这个想法基本上是使用类似 Bresenham 的画线算法的方法自己逐个像素地绘制线条,但对其进行修改以在线条中添加一些随机偏差/扰动。

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

关于javascript - 在 Canvas 上模拟手绘,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8375539/

相关文章:

javascript - 为什么actionherojs任务没有自动启动?

javascript - 如何在 jQuery 中引用当前选中的元素?

javascript - 如何防止 Javascript 中的多次按键

javascript - D3 带有自定义元素 : TypeError: t is null

javascript - 当值为 0 时,添加占位符而不是数字和范围输入中的值 - Angular.js

javascript - 显示推文内容时,innerHTML 不起作用

javascript - 使用 javascript 更改基本 href

javascript - 如何在不旋转整个 Canvas 的情况下旋转三 Angular 形?

javascript - 绘制图像函数时出现类型错误

javascript - 如何在 html5 Canvas 中绘制 Fabric js strokeRect?