HTML5 javascript 画笔

Question

你好，也许有人知道我在哪里可以找到漂亮光滑的 HTML5 画笔，例如 http://muro.deviantart.com/ 我试图在其中找到，但所有画笔只能在 photoshop 或桌面应用程序中找到。

Answer 1

看起来您的 link 画了一条平滑的线：

1. 正在收集来自 mousemove 的所有原始坐标。

2. 应用线简化算法删除多余的坐标，这些坐标会导致线中出现小的不吸引人的角度弯曲。

这是 Mike Bostock（出色的 D3 数据可视化库的创建者）的一个很好的线简化教程。

http://bost.ocks.org/mike/simplify/

此外，这里还有一些由 Kangax（他也是 FabricJS 的作者——一个优秀的 canvas 绘图库）创建的漂亮画笔样式：

http://perfectionkills.com/exploring-canvas-drawing-techniques/