vue 移动端头像裁剪_Vue 头像裁剪控件

使用　基于canvas撸的一个 Vue头像裁剪控件

PC端，鼠标左键移动、滚轮缩放、右键旋转

移动端，单指移动，双指移动、缩放、旋转

属性

backBoxSize 背景方格大小 默认值：10

backBoxColor0 背景方格颜色0 默认值：#fcf2ff

backBoxColor1　　背景方格颜色1 默认值：#a4a4a4

outWidth 输出图片宽度 默认值：256

outHeight 输出图片高度 默认值：256

maskColor 蒙板颜色 默认值：#00000080

maskPadding 蒙板内边距 默认值：20

lineWidth 预览框线宽 默认值：2

lineColor 预览框颜色 默认值：#ffffff

isArc 是否是圆形 默认值：true

round 预览框圆色 默认值：10

src 输入图片源 默认值：null

方法

toDataURL(type, quality) 返回裁剪后的图片URL数据,参数type：图片格式，参数quality：压缩质量

toBlob(callback, type, quality)　裁剪后的图片Blob数据，参数callback回调,参数type：图片格式，参数quality：压缩质量

getRotate() 获得旋转度数

getScale()　　获得缩放比例

getDraw