HTML5画布中的自定义线条笔划

使用HTML5画布元素绘制线条时，是否可以定义线条的笔划样式？基本上，在Photoshop和其他类似程序中，您可以为看起来像“手绘”的线条定义笔划样式。在HTML5画布上可以做这样的事情吗？或者我在这里拍摄月球

谢谢

---

-Jesse

HTML5画布中没有标准API来管理这样的事情

您可以只设置笔划的颜色或宽度，例如：

context.strokeStyle = '#f00'; // red color
context.lineWidth   = 4; // 4px wide

// Draw some rectangles.
context.fillRect  (0,   0, 100, 100);
context.strokeRect(0,   0, 100, 100);

---

您可以尝试使用库（或）获取更多控制权。这是可能的，但默认情况下不是。请参阅ShadowCloud的帖子，了解默认情况下可以做什么（很少）

这取决于你想要什么，不应该太难

如果“手绘”是指需要抖动，则必须将绘制的每条线/曲线分解为更小的部分，并在每个点上添加一些噪声

如果你想要一个画笔，你必须把每一条画好的线/曲线分成更小的部分，并每隔几个像素调用

drawImage

来模拟photoshop画笔

几乎所有这些都依赖于将直线和曲线分解成更小的部分，所以你应该首先弄清楚这一点

---

如果您决定实现这些，并且在分解bezier曲线时遇到问题并需要帮助，请告诉我，我会给您我的代码。

是的，我想这就是我必须要做的。对于一个简单的效果，我做了太多的工作，所以我可能会寻找不同的选择。谢谢