// pages/madeph/madeph.js const app = getApp(); /**  * 大概两部分：  * 1、先把用户上传的头像画出来，类一个圆  * 2、把前一个页面传过来的头像框（中间透明）在画上去就基本结束了  */ Page({   /**    * 页面的初始数据    */   data: {     src: '',     bgsrc: '',     bgcss:''   },   //选择用户自己头像图片   upload() {     wx.chooseImage({       count: 1, // 默认9       sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有       sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有       success(res) {         const src = res.tempFilePaths[0]         //将选择的图传至upload页处理         wx.navigateTo({           url: `../upload/upload?src=${src}`         })       }     })   },   //生成头像，即先画图像再画图像框   generate() {     var self = this;     var contex = wx.createCanvasContext('ahaucanvas'); //ttcanvas为该canvas的ID     //var contex = ctx.getContext('2d');     var avatarurl_width = 840; //这个是画布宽     var avatarurl_heigth = 840; //这个是高     // var avatarurl_x = 50;     // var avatarurl_y = 50;     // contex.arc(avatarurl_width / 2 + avatarurl_x, avatarurl_heigth / 2 + avatarurl_y, avatarurl_width / 2, 0, Math.PI * 2, false);//这个地方我画了个头像的圆     // contex.clip();     contex.drawImage(self.data.src, 127, 120);     contex.restore();     contex.save();     contex.beginPath(); //开始绘制     // contex.arc(150, 50, 30, 0, Math.PI * 2, false);     // contex.clip();     //contex.arc(25, 25, 25, Math.PI * 2, false);     //contex.clip();     contex.drawImage(self.data.bgsrc, 0, 0, avatarurl_width, avatarurl_heigth); // 这个是我的背     contex.restore();     // contex.setFontSize(20)     // contex.fillStyle = "#fff";     // contex.fillText(self.data.gameConfig.myScore, 130, 132)     // contex.restore();     contex.draw(true, setTimeout(function() {       wx.canvasToTempFilePath({ //导出图片         width: 840,         height: 840,         destWidth: 840,         destHeight: 840,         canvasId: 'ahaucanvas',         success: res => {           wx.saveImageToPhotosAlbum({             filePath: res.tempFilePath,             success: function(data) {             // console.log(data);               wx.showToast({                 title: '保存成功',                 icon: 'success',                 duration: 2000               })             },             fail: function(err) {               // console.log(err);               if (err.errMsg === "saveImageToPhotosAlbum:fail auth deny") {                 // console.log("用户一开始拒绝了，我想再次发起授权")                 // console.log('打开设置窗口')                 wx.openSetting({                   success(settingdata) {                     console.log(settingdata)                     if (settingdata.authSetting['scope.writePhotosAlbum']) {                       // console.log('获取权限成功，给出再次点击图片保存到相册的提示。')                       wx.showToast({                         title: '请再次保存',                         icon: 'success',                         duration: 2000                       })                     } else {                       // console.log('获取权限失败，给出不给权限就无法正常使用的提示')                       wx.showToast({                         title: '获取权限失败，可能导致保存图片无法正常使用',                         icon: 'none',                         duration: 2000                       })                     }                   }                 })               }             }           })         }       }, this)     }, 100))   },   onLoad(option) {     var that = this;     var bgcss = app.globalData.toubgsrc.substr(14, 2);     that.setData({       bgsrc: app.globalData.toubgsrc,       bgcss:bgcss     });     // console.log(that.data.bgsrc);     // console.log(that.data.bgcss);     let { avatar } = option;     if (avatar) {       that.setData({         src: avatar       });     }   } }) [图片][图片]