HTML5 javascript 画笔

You*_*ice 1 html canvas brush

你好,也许有人知道我在哪里可以找到漂亮而流畅的 HTML5 画笔,就像http://muro.deviantart.com/我试图找到的那样,但所有画笔都只能在 Photoshop 或桌面应用程序中找到。

mar*_*rkE 5

看起来您的链接正在通过以下方式绘制一条平滑的线:

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

  2. 应用线条简化算法来删除多余的坐标,这些坐标会导致线条中出现小而令人讨厌的角度弯曲。

这是 Mike Bostock(出色的 D3 数据可视化库的创建者)编写的关于线条简化的精彩教程。

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

另外,这里有一些由 Kangax(他也是优秀的画布绘图库 FabricJS 的作者)创建的一些不错的画笔样式:

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