1 获取screenHeight，打印出来是896，实际出来的图高度是808 2 同一个代码在两端不同的呈现形式： a. 画一个圆角矩形，两边留了边，在Android上正常，在iOS直接占了全宽; b. 给这个矩形做了alpha值，在iOS上有半透明效果，在Android上不透明. // 保存海报 canvasToImage(){ this.setData({ isHideShare: false, }) let that = this; wx.showLoading({ title: '正在保存图片..', }); setTimeout(function(){ wx.canvasToTempFilePath({ x: that.data.off_x, y: that.data.off_y, width: that.data.canWidth, height: that.data.canHeight, destWidth: that.data.canWidth, destHeight: that.data.canHeight, canvasId: 'shareCanvas', success: function (res) { wx.saveImageToPhotosAlbum({ filePath: res.tempFilePath, success(res) { console.log(res); wx.hideLoading(); wx.showToast({ title: '保存到相册成功', duration: 2500, }) }, fail(res) { console.log(res) wx.showToast({ title: '保存到相册失败', icon: 'fail' }) that.setData({ isHideShare: true, }) }, complete(res) { console.log(res) } }) } }) }, 2000) }, // 绘制分享Canvas drawShareCanvas: function (path) { // 初始化context console.log("drawShareCanvas") let ctx = wx.createCanvasContext('shareCanvas'); console.log("screenWidth = ", this.data.screenWidth) console.log("screenHeight = ", this.data.screenHeight) // 设置位置，大小 let canWidth = this.data.screenWidth * this.data.canRatio; let canHeight = this.data.screenHeight * this.data.canRatio; let off_y = 0; let qrcode_side = 80; let qr_area_height = 90; ctx.setFillStyle('white') ctx.fillRect(0, 0, canWidth, canHeight); // 绘制背景 ctx.setGlobalAlpha(0.6) ctx.drawImage(path, (this.data.bgCanWidth - canWidth) / 2, (this.data.bgCanHeight - canHeight) / 2, canWidth, canHeight, 0 , off_y, canWidth, canHeight); off_y = off_y + 80; ctx.setGlobalAlpha(0.8) // 绘制card this.roundRect(ctx, 20, off_y, canWidth - 40, 220, 5) ctx.setGlobalAlpha(1) // 绘制内容 off_y = off_y + 20; ctx.setFillStyle('#9D9D9D') ctx.setFontSize(24); var titleText = "在你离开学校后忘记了学到的一切, 最后剩下的就是教育。"; this.drawText(ctx, titleText, 35, off_y + 40, 100, canWidth - 75, 24); // 绘制小框框 off_y = off_y - 20 + 220 - 20; ctx.setGlobalAlpha(0.8); this.roundRect(ctx, (canWidth - 160) / 2, off_y, 160, 40, 5) ctx.setGlobalAlpha(1) // 绘制出自谁 ctx.setFillStyle('#9D9D9D') ctx.setFontSize(18); titleText = "-- 爱因斯坦 "; ctx.fillText(titleText, (canWidth - 6 * 18) / 2, off_y + 18 + 4); // 绘制小程序码 ctx.drawImage("../../images/mpcode.png", 30 ,canHeight - 100); // 绘制提示 ctx.setFillStyle('black') ctx.setFontSize(12); titleText = "长按识别小程序码"; ctx.fillText(titleText, 140, canHeight - 100); ctx.draw(); }, /** * * @param {CanvasContext} ctx canvas上下文 * @param {number} x 圆角矩形选区的左上角 x坐标 * @param {number} y 圆角矩形选区的左上角 y坐标 * @param {number} w 圆角矩形选区的宽度 * @param {number} h 圆角矩形选区的高度 * @param {number} r 圆角的半径 */ roundRect(ctx, x, y, w, h, r) { ctx.save() // 开始绘制 ctx.beginPath() // 因为边缘描边存在锯齿，最好指定使用 transparent 填充 // 这里是使用 fill 还是 stroke都可以，二选一即可 ctx.setFillStyle('white') // ctx.setStrokeStyle('transparent') // 左上角 ctx.arc(x + r, y + r, r, Math.PI, Math.PI * 1.5) // border-top ctx.moveTo(x + r, y) ctx.lineTo(x + w - r, y) ctx.lineTo(x + w, y + r) // 右上角 ctx.arc(x + w - r, y + r, r, Math.PI * 1.5, Math.PI * 2) // border-right ctx.lineTo(x + w, y + h - r) ctx.lineTo(x + w - r, y + h) // 右下角 ctx.arc(x + w - r, y + h - r, r, 0, Math.PI * 0.5) // border-bottom ctx.lineTo(x + r, y + h) ctx.lineTo(x, y + h - r) // 左下角 ctx.arc(x + r, y + h - r, r, Math.PI * 0.5, Math.PI) // border-left ctx.lineTo(x, y + r) ctx.lineTo(x + r, y) // 这里是使用 fill 还是 stroke都可以，二选一即可，但是需要与上面对应 ctx.fill() // ctx.stroke() ctx.closePath() // 剪切 ctx.clip() ctx.restore() }, /** * 绘制多行文本 * @param ctx canvas对象 * @param str 文本 * @param leftWidth 距离左侧的距离 * @param initHeight 距离顶部的距离 * @param titleHeight 文本的高度 * @param canvasWidth 文本的宽度 * @param fontSize 字体大小 * @returns {*} */ drawText: function(ctx, str, leftWidth, initHeight, titleHeight, canvasWidth, fontSize) { let lineWidth = 0; let lastSubStrIndex = 0; //每次开始截取的字符串的索引 for (let i = 0; i < str.length; i++) { lineWidth += ctx.measureText(str[i]).width; if (lineWidth > canvasWidth) { ctx.fillText(str.substring(lastSubStrIndex, i), leftWidth, initHeight); //绘制截取部分 initHeight += (fontSize * 3 / 2 + 2); //22为 文字大小20 + 2 lineWidth = (fontSize * 3 / 2 + 2); lastSubStrIndex = i; titleHeight += (fontSize * 3 / 2 + 2); } if (i == str.length - 1) { //绘制剩余部分 ctx.fillText(str.substring(lastSubStrIndex, i + 1), leftWidth, initHeight); } } // 标题border-bottom 线距顶部距离 titleHeight = titleHeight + 10; return titleHeight; }, downloadBackgroundImage: function (url) { console.log("begin draw") var _this = this; var _url = url wx.downloadFile({ url: url, success: function (res) { console.log("begin download ..."); // var path = res.tempFilePath; console.log("res.tempFilePath = ", res.tempFilePath); _this.setData({ tempFilePath: res.tempFilePath }) /**** * * */ wx.getImageInfo({ src: _url, success(res) { console.log(res.width) console.log(res.height) _this.setData({ bgCanWidth: res.width, bgCanHeight: res.height, }) _this.drawShareCanvas(_this.data.tempFilePath); } }) }, fail: function (res) { console.log(res) } }); }

[图片]

使用云服务里的云函数，对某个字段使用_.inc(-1),如何可以在小于0后就停止了？

在提交审核上线的代码，必须填写 wx.cloud.init({ env: xxxxxxx, traceUser: true, }) 是否可以在线上的状态下动态切换？

[代码]{ [代码][代码]    [代码][代码]id: 1234, [代码][代码]    [代码][代码]type: [代码][代码]'a'[代码][代码], [代码][代码]    [代码][代码]subs: [[代码][代码]        [代码][代码]{ time: 123001, val: [代码][代码]'a'[代码] [代码]},[代码][代码]        [代码][代码]{ time: 123002, val: [代码][代码]'b'[代码] [代码]},[代码][代码]        [代码][代码]{ time: 123003, val: [代码][代码]'c'[代码] [代码]}[代码][代码]    [代码][代码]][代码][代码]}[代码]在云开发中的聚合阶段里，怎样查找对象里的一个数组对象中一个字段是否含有指定的值，比如说 val是否含有a？

现在项目中大量使用云函数（30个以上了），开始遇上以下问题： 1， 当迭代新的小程序版本时，云函数的接口返回的数据格式发生了变化（字段的增删），导致提交审核时必须要将云函数更新才能正常使用，而导致线上版本拿不到正确的数据。 2，云函数的依赖升级要手动一个个去 npm install， 有没有集中或一次性升级依赖的方式？

微信开放社区-交流专区 这个板块可以开源吗？

使用云调用 识别营业执照，昨天好好的，今天出错了， [代码]openapi.ocr.businessLicense:fail [代码][代码]source[代码][代码].on is not a [代码][代码]function[代码][代码]; at openapi.ocr.businessLicense api;[代码] 这是我方问题还是云那边的问题？

一直好好的，突然之间，从公司回家后打开继续改bug时，保存不会编译。 1 vscode 保存，devtool没反应，vscode修改的文件，在devtool上没有变化； 2 devtool修改文件，js文件的情况下，保存会编译（在“设置”那里重新勾选过），但是对style的修改没有反应。 3 卸载devtool，重新下载安装，和2的情况一样。 咋了？

给view设置了圆角，border-radius，然后需要再加上阴影，用了 box-shadow 又变成直角的阴影啊！