Canvas 2D的在手机端小程序能够正常工作。 PC端一直不能正常工作，以前还不能调试PC端小程序，以为自己的代码有错误造成。一直没去管他。 发现新的开发工具可以调试PC端，今天想把这问题解决。专门调试下PC端小程序。 也查不出原因，就是PC端不能正常工作。 PC端小程序有两个问题： 第一个问题：PC小程序全屏组件变很大放大后组件的尺寸变不正常。 [图片] 这是正常小尺寸时候界面。 [图片] 这是放大尺寸的样子。底部导航栏占界面快1/3.中间都没空间显示。 我也不知道是样式的问题。还是PC小程序本身的问题。 第二个问题：Canvas 2D的在手机端小程序能够正常工作，PC小程序端不能正常工作。       if (stage == null) {         await new Promise((resolve, reject) => {            wx.createSelectorQuery()             .in(this)             .select('#annieEngine')             .fields({               node: true,               size: true,             }).exec(function (res) {               let canvas = res[0].node;               annie.devicePixelRatio = sysInfo.pixelRatio;               canvas.width = windowWidth * sysInfo.pixelRatio;               canvas.height = windowHeight * sysInfo.pixelRatio;               annie.CanvasRender.rootContainer = canvas;               annie.CanvasRender._ctx = canvas.getContext('2d');               resolve("")             })          })         stage = new annie.Stage("annieEngine", 550, 400, 24, annie.StageScaleMode.FIXED_WIDTH);   }     [图片] 调试结果：代码在120行可以断点。但是在121行和132行都没有断到店。界面也一直卡在那。过几分钟后电脑卡了鼠标都动不了。 [图片] 社区有看到官方回复说不支持PC小程序。但还是不死心。如果不支持,最起码也要在文档里说明下。连个说明都没有？也有说以后会支持，可是什么时候支持也不知道？有官方的正式出来回复下这问题吗？

经过测试发现，getUserProfile获取的signature跟wx.login获取code后台解析的sessionKey很大概率比对失败，不是同一组，造成微信登录检验失败，每次过几分钟再重新调用wx. login进行登录就会出现这种问题

  if (this.onLive() && [1007, 1008, 1014, 1044, 1045, 1046, 1047, 1048, 1049, 1073, 1154, 1155, 1177].includes(option.scene)) {       // 分享卡片入口场景才调用getShareParams接口获取以下参数       // scene场景值：1007：单人聊天会话中的小程序消息卡片，1008：群聊会话中的小程序消息卡片，1044：带 shareTicket 的小程序消息卡片       console.log(option, 11111);       livePlayer.getShareParams().then(res => {           // console.log(option.query.custom_params,'前面');           console.log(res, '我是livePlayer里面');           let data = { open_id: res.share_openid };                  // 房间号           console.log('get room id', res.room_id);           // 用户openid           console.log('get openid', res.openid);           // 分享者openid，分享卡片进入场景才有           console.log('get share openid', res.share_openid);           // 开发者在跳转进入直播间页面时，页面路径上携带的自定义参数，这里传回给开发者           console.log('get custom params', res.custom_params);                  this.requesUtil.gettjrid(data).then(res => {             console.log(res.data,'请求服务器了');             if (res.data.error_code === 0) {               uni.setStorageSync('tjr_id', res.data)             }           })         })         .catch(err => {           console.log('get share params', err);         });             // 这是打印自定义参数,第一次接收不了,第二次扫码能接收到         console.log(decodeURIComponent(option.query.custom_params), 'onShow后面打印');         if (option.query.custom_params) {           uni.setStorageSync('tjr_id', JSON.parse(decodeURIComponent(option.query.custom_params)).pid);         }     }else{       console.log('livePlayer 失败进不来');     }

如何解决小程序中设置弹窗z-index无法遮住<textarea>的问题？我只是一个简单的输入弹框，如果显示弹窗时隐藏textarea会带来不好的体验。 [图片]

小程序渲染---因为一个页面中根据不同的query参数更换背景图片，因此输入无效query会渲染默认图片和样式，但是因此会造成其他页面出现之前都会经过这个默认的样式，如： 渲染B页面 页面变化 onload --- onshow --- A（默认样式） --- B页面 如何在此过程中不展示A页面，直接到达B页面，同时无效的query还可以到达A页面

跳转小程序的按钮，需要用css适配不同机型，并缩放，但是只用css匹配失败，在同样的分辨率，但drp不同的情况下适配成功，使用js又能够在iframe里面解析，请问如何解决

文档中的布局描述如下图 [图片] 个人理解就是不设置view的高度，只要设置上面的样式，然后view中的内容就会垂直居中 我的wxml文件代码如下： [图片] 我的wcss文件内容如下： [图片] 开发者工具中显示如下： 1、未设置高度100% [图片] 2、设置高度100% [图片] 3、设置固定高度500px [图片] 结果只有固定高度才会垂直居中 如果不固定高度想要垂直居中，要如何设置？

用vue开发的使用此组件跳转小程序,可是给button设置行内的rem样式不起作用,设置px又不是响应式的,请问有什么解决办法吗?[图片]

基础库版本2.10.4开始支持，为什么2.13.2还报错？ [图片] 下面这个是后台的报错日志： [图片]

drawCanvas(mapName, fullSteps) { // wx.createSelectorQuery().select('#cert').fields({ // node: true, // size: true // }).exec(res => { const dpr = wx.getSystemInfoSync().pixelRatio; const widthRatio = wx.getSystemInfoSync().windowWidth / 375; const width = wx.getSystemInfoSync().windowWidth * dpr; const height = wx.getSystemInfoSync().windowHeight * dpr; const canvas = wx.createOffscreenCanvas({ type: '2d', width: wx.getSystemInfoSync().windowWidth * dpr, height: wx.getSystemInfoSync().windowHeight * dpr }); const ctx = canvas.getContext('2d'); ctx.scale(dpr, dpr); ctx.scale(widthRatio, widthRatio); let bg = canvas.createImage(); bg.src = '../../../images/cert-bg.jpg'; bg.onload = () => { // 绘制背景图 ctx.drawImage(bg, 0, 0, canvas.width / dpr, canvas.height / dpr); // 头部文字 ctx.fillStyle = "#777873"; ctx.font = "14px 'PingFang SC'"; ctx.fillText('健行四季｜悦动人生', 123, 146); ctx.font = "16px 'PingFang SC'"; ctx.fillText('2021年中国人寿“700健行”活动', 73, 163); ctx.font = "36px 'PingFang SC'"; ctx.fillStyle = "#0B3836"; ctx.fillText('风景线路完成证书', 44, 206); // 地图信息文字 ctx.font = "bold 18px 'PingFang SC'"; ctx.textAlign = 'center'; ctx.fillStyle = "#0B3836"; ctx.fillText(`${mapName}风景线 全程${fullSteps}步`, 375 / 2, 346); // 详细信息背景 ctx.beginPath(); ctx.moveTo(47, 385); ctx.lineTo(47, 547); ctx.arc(57, 547, 10, Math.PI, Math.PI / 2, true); ctx.lineTo(318, 557); ctx.arc(318, 547, 10, Math.PI / 2, 0, true); ctx.lineTo(328, 385); ctx.arc(318, 385, 10, 0, 1.5 * Math.PI, true); ctx.lineTo(57, 375); ctx.arc(57, 385, 10, 1.5 * Math.PI, Math.PI, true); ctx.fillStyle = "#CDDDDA"; ctx.fill(); ctx.closePath(); // 详细信息 ctx.fillStyle = "#9AACAB"; ctx.textAlign = 'left'; ctx.font = "bold 14px 'PingFang SC'"; ctx.fillText('完成者：', 64, 402); ctx.fillText('完成时间：', 64, 432); ctx.fillText('完成时长：', 64, 462); ctx.fillStyle = "#316C6A"; ctx.fillText(wx.getStorageSync('userInfo').nickName, 140, 402); ctx.fillText('2021.06.21', 140, 432); ctx.fillText('04:36:22', 140, 462); ctx.fillText(`11.00 km ${fullSteps}步`, 64, 502); ctx.fillText(`${mapName}风景线`, 64, 532); // 完成图片 const finish = canvas.createImage(); finish.src = '../../../images/finished.png'; finish.onload = () => { ctx.drawImage(finish, 224, 456, 136, 136); } // 公司logo const logo = canvas.createImage(); logo.src = '../../../images/chinalife-logo.png'; logo.onload = () => { ctx.drawImage(logo, 108, 94, 160, 28); } // 用户头像 const avatar = canvas.createImage(); avatar.src = wx.getStorageSync('userInfo').avatarUrl; avatar.onload = () => { ctx.save(); ctx.arc(188, 276, 36, 0, 2 * Math.PI); ctx.clip(); ctx.drawImage(avatar, 152, 240, 72, 72); ctx.restore(); console.log(canvas); wx.canvasToTempFilePath({ canvas: canvas, x: 0, y: 0, width, height, destWidth: width, destHeight: height, success: res => { console.log(res); } }, this) } } 以上是代码片段，报错信息如下[图片] 这里的意思是需要我传入离屏canvas 但是我传入了依旧报错