使用canvas 实现了用鼠标拖动绘制各种图形
其中包括 矩形，圆形，箭头，画笔
使用方法
var paint = ypaint(canvas)
绘制圆形：paint.choosecircle()
圆形其他参数圆形的粗细 paint.outerparams.circle.linewidth
圆形的颜色 paint.outerparams.circle.color
绘制矩形：paint.chooserect()
矩形其他参数矩形的粗细 paint.outerparams.rect.linewidth
矩形的圆角 paint.outerparams.rect.radius
矩形的颜色 paint.outerparams.rect.color
绘制箭头：paint.choosearrow()
箭头其他参数箭头的粗细 paint.outerparams.arrow.range
箭头的大小 paint.outerparams.arrow.color
画笔工具：paint.choosecircle()
画笔工具其他参数画笔的粗细 paint.outerparams.line.linewidth
画笔的颜色 paint.outerparams.line.color
demo实例截图：
后续有时间会添加的功能：撤销、回撤、插入图片、图片在canvas内的拖动等等 有需求的可以提一提
在这里因为代码比较长，只提供压缩版本的代码，需要完整项目及demo的朋友 可以去我的github上下载
以上就是canvas制作鼠标拖动绘制图形 的详细内容。