通过画布在页面上刷效果

Question

我正在研究必须在网页上创建类似画笔效果的功能。

要求是在后台有多个可用的图案/纹理。然后，用户将拖动鼠标在页面上创建该图案的效果。

下面是我创建结构的 JSFiddle链接，我可以创建模式，但是不确定如何创建类似笔刷的效果。

我已经在我的JSFiddle Link

中添加了画笔图像作为数据源。

我是一位初学者，对前进的方向一无所知。请让我知道我是否朝着正确的方向前进。

检查Reference Website此功能在哪里运行和起作用。