canvas画笔自定义笔触

1.先上图：

2.核心代码：

 

// 自定义的一个图片var img=document.getElementById("penStyle");
 var pat=ctx.createPattern(img,"repeat");
 ctx.strokeStyle=pat;

3.笔刷原型：（丑陋的图片-笔刷）：

                                                                     丑陋的图片-笔刷

 

4.全部代码：（☆☆☆：点击画笔，才会切换！！！）

    
    
    






    清屏
    画笔
     
    
    橡皮擦
    撤销



	 

5.附一张笔刷图片：