这个要求2.16.1的,自己检查一下
离屏2d canvas canvasToTempFilePath报错?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 但是我传入了依旧报错
2021-05-19你不会按键搞得很小吧导致点不到?或者被其它层盖了按键大部分?
wx.getUserProfile Android下难以弹出授权窗口?目前测试下来,在Android系统机器下, 通过点击按钮后调用wx.getUserProfile,大概率不出现授权弹窗, 看了控制台也没有异常提示,然后持续多次点击,才会弹出一次授权。
2021-05-192.7.0开始地图是同层的了,用普通标签就可以了
cover-view下button的真机不显示问题,如何解决?你好,我想请教一下关于cover-view下button的问题,目前我这里在模拟器上显示出来了可以正常使用但是真机下无法显示,请问一下有什么解决方法嘛? [图片]
2021-05-19你生成的码不带标识的吗?有带的话数据处理一下就好,让其请求接口都报错就可以了。如果码想实现有时效,生成的时候带时间戳,页面里判断一下就好了
通过wxacode.getUnlimited接口生成的小程序码能让其失效吗?因为之前生成二维码用于注册,现在通过这个二维码有大量的非正常数据,想让这个二维码失效,让用户扫码不能进入小程序
2021-05-19真是绝啊,你这是跨平台开发工具编译出来的小程序,你在这上边改了编译没问题的吗
canvas 多张图片渲染,把文字给覆盖了,如何解决?因为这使用的是canvas-2d的。 本想等待图片加载完成显示文字,然后不行,哪个大佬知道该如何解决吗? [图片]
2021-05-18你得确定每次打开页面wx.config有没有正确获取到openTagList的权限,预留打印信息,看看是不是报错了
微信 jssdk wx-open-launch-weapp 跳转小程序偶尔会点击没有作用https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html 这是我的代码,父组件会在一定条件下 通过v-show 控制按钮的显示和隐藏,但是部分手机在 缓存,版本等问题条件下 会出现按钮点击失效的问题,有时也是无法显示按钮的问题,有什么通用方法可以解决这个问题吗? <wx-open-launch-weapp style="display: block" username="gh_xxxxxxxxxxx" path="/xxx/xxx/xxx" > <script type="text/wxtag-template"> <style>.btn { padding: 0 300px; display: block; margin: 0; width: 200%; min-width: 600px; color: #fff; background-color: rgba(0, 0, 0, 0); border: none; height: 100%; min-height: 100px; font-size: 18px; font-weight: bold; }</style> <button style="color: #fff;width: 100%;height: 100%;" class="btn"></button> </script> </wx-open-launch-weapp>
2021-05-18什么叫海报?能打印出来粘贴的,要求一定的分辨率,你截图能有这分辨率吗
小程序什么时候可以出来一个用户自定义截屏的功能啊?canvas真的太费劲了哪位大佬做过微信小程序的拖拉拽图片文字,然后生成海报的。有没有demo.
2021-05-18你搜索一下相关性质的小程序,看他们标签是示意什么你就照着用哪一个呗,要不自己选一个看着合适的提交审核,不符合要求会告诉你添加相应的类目的
请问小程序发布地图服务,包括宣传版图意识的,审核是申请什么类目?是申请政务民生,科学技术与地质么?具有测绘资质。
2021-05-18得看你这小游戏做成什么程度的了,像普通的益智类的,在小程序里是辅助功能的应该不是大问题,做成充值抽卡的,打怪升级的应该就不行了
用canvas做出来的小游戏可以嵌入到小程序里么?用canvas做出来的小游戏可以嵌入到小程序里发布么? 审核能通过么?
2021-05-18这个最好uniapp的社区上问
uniapp编译小程序,小程序中this.getTabBar()输出为undefined是为什么?因为自定义的 tabbar 在点击tab进行跳转的时候 custom-tab-bar 这个组件也会刷新页面 需要连续点击两次icon才会变为选中状态。 [图片] 看网上说在 准备跳转的tab页面的 onshow方法中 加入如下代码就可以 但是我加了之后 console的是undefind [图片] 为什么页面中查不到这个呢?
2021-05-18