使用canvas做了一个最简单的网页版画板，5分钟学会

画板实现的效果：可以切换画笔的粗细，颜色，还可以使用橡皮擦，还可以清除画布，然后将画的内容保存下载成一张图片：

具体用到的canvas功能有：画笔的粗细调整lineWidth，开始一个新的画笔路径beginPath，结束一个画笔路径closePath，这个可以保证不影响之前画的效果，重新开始一个画笔路径。 还有橡皮擦使用的ctx.globalCompositeOperation = 'destination-out'属性，清空画布使用的：ctx.clearRect(0, 0, canvas.width, canvas.height)，保存图片使用的是let url = canvas.toDataURL('image/png')。

完整的代码如下：

    
        
        
        
        
    
    
        
创建一个画布，可以使用画笔随意画画
        

            粗线条
            细线条
            
            橡皮擦
            清空画布
            保存图片