微信小程序canvas画布自由绘制/画笔功能实现

实现效果：

.wxml

<canvas class="canvas" type="2d" id="myCanvas" bindtouchstart="get_edit_position" bindtouchmove="brush"/>

定义canvas元素，需要设置type="2d"，后续在js可通过Canvas.getContext('2d') 接口可以获取 CanvasRenderingContext2D对象，用以在画布绘制图形。

bindtouchstart="get_edit_position"：用户触摸画布时，获取并更新触摸位置，见以下js部分

 bindtouchmove="brush"：用户划动画布时，进行自由绘制，见以下js部分

.wxss

定义canvas显示样式，包含宽度、高度、背景色等，也可自定义其他显示样式。