这里主要用到button的open-type功能，官网已有说明：给button设置open-type="chooseAvatar"，来使bindchooseavatar方法生效，在bindchooseavatar指定的函数中获取用户的头像信息buttonopen-type="chooseAvatar"bindchooseavatar="chooseavatar">/button>chooseavatar(e){this.setData({avatar:e.detail.avatarUrl})},该方法触发后会自动弹出提示框，让用户选择头像，用户选择的头像会在bindchooseavatar指定

制作一个用户头像选择器仿WeGame制作一个用户头像选择Canvas为父控件所实现，展示图片使用Image，Path当作上方的蒙版;Canvas：主要用途方便移动Image，设置ClipToBounds="True"裁剪为一个正方形200x200做为主要展示区域;Image：展示需要裁剪的图片；Path：CombinedGeometry绘制蒙版大小200x200效果如下；当选择一个本地图片的时候判断宽与高谁更大，谁小就将它更改为200，另一边做等比缩放后给到DrawingVisual绘制一个新的BitmapFrame给Image控件做展示；当移动图片的时候右侧展示当前区域使用CroppedBi

制作一个用户头像选择器仿WeGame制作一个用户头像选择Canvas为父控件所实现，展示图片使用Image，Path当作上方的蒙版;Canvas：主要用途方便移动Image，设置ClipToBounds="True"裁剪为一个正方形200x200做为主要展示区域;Image：展示需要裁剪的图片；Path：CombinedGeometry绘制蒙版大小200x200效果如下；当选择一个本地图片的时候判断宽与高谁更大，谁小就将它更改为200，另一边做等比缩放后给到DrawingVisual绘制一个新的BitmapFrame给Image控件做展示；当移动图片的时候右侧展示当前区域使用CroppedBi