可以试一下cover-view设置 z-index 参考文档的 tips: https://developers.weixin.qq.com/miniprogram/dev/component/cover-view.html
cover-view为什么不能覆盖webview呢- 需求的场景描述(希望解决的问题) [代码]navigationStyle: custom[代码] 对 [代码]<web-view>[代码] 组件无效,cover-view也不能在web-view页面使用,没办法辅助用户从分享出去的小程序页面返回首页,特别是加载的是公众号文章没有JS能力。 - 希望提供的能力 cover-view能覆盖webview做一些辅助性操作
2019-05-13如果 cover-view 需要在 video 组件进入全屏之后仍显示的话,需要将 cover-view 作为 video 组件的子节点,兄弟节点的 cover-view 被隐藏是符合预期的。 <video> <cover-view>test</cover-view> </video> iOS 端的行为不符合预期,后续会进行对齐。
cover-view在全屏播放视频时被遮住- 当前 Bug 的表现(可附上截图) 安卓机 全屏播放视频时 cover-view 被遮住 ios 表现正常 - 提供一个最简复现 Demo https://developers.weixin.qq.com/s/dUky5Qmx7h7v
2019-04-23把导出的图片draw回canvas能跟原图保持一致吗,大小是否一致?要确保导出的图片跟原图像素一致再进行对比才能反映偏差。
canvasToTempFilePath导出图片数据失真- 复现路径: 使用getCanvasImageData获取Uint8ClampedArray数据,进行处理后使用putCanvasImageData重新绘制。重新绘制后画布的Uint8ClampedArray数据为A 使用canvasToTempFilePath导出图片,在成功回调中使用getCanvasImageData获取临时文件的数据,为B。 A与B之间的差异在模拟器下可以接受,但在真机环境下失真很严重,如下图 - 截图: 模拟器: [图片] 真机(iOS12.1.1): [图片] 不知道这个问题能不能改进,还是说运行时环境本身的问题。
2019-04-04确认一下 temAvatar 这个地址是否正确
调用画布drawImage时报错- 当前 Bug 的表现(可附上截图) 在调用drawImage()时会产生很多报错日志在小程序后台,但是却排查不出问题,毕竟参数没有错误,编译器也没报错,就是小程序后台的报错日志会有:undefined is not an object (evaluating 't.indexOf') [图片] - 预期表现 - 复现路径 - 提供一个最简复现 Demo var ctx = wx.createCanvasContext('myCanvas1'); // 绘图开始 ctx.setFillStyle('#e9564f'); ctx.fillRect(0, 0, 320, 524); ctx.save(); // 画用户头像 ctx.beginPath(); ctx.arc(160, 46, 27.5, 0, 2 * Math.PI); ctx.fill(); ctx.clip(); temAvatar = 'http://tmp/wx4692f08fa6ad3bc2.o6zAJs3vnbKuh2g7so7z2zZ83jzw.jVjUUrNRLbuh80237f2eb1b24ecf0a03be51c97c5fdc.jpeg'; ctx.drawImage(temAvatar, 132.5, 18.5, 55, 55); ctx.restore(); ctx.save(); //画发起者昵称 ctx.setFillStyle('#fde7c1'); ctx.setFontSize(13); ctx.setTextAlign('center'); ctx.fillText('name', 160, 92); ctx.save();
2019-04-04jpg格式不支持alpha通道,所以看起来背景是黑的。你可以设置 fileType: 'png' 或是 画一张白色的矩形放在底部。
canvas画布真机保存图片全黑代码放在调试器上正常保存图片, 真机调试出现黑屏图片
2019-03-22看代码是一个空的 draw?没有 canvas 的操作,并且 draw(true) 的话,是保留上一次的绘制结果,也就是不做任何操作?这个是什么需求呢
【已解决】急!!安卓真机 ctx.draw()不执行,有代码片段- 当前 Bug 的表现(可附上截图) [图片] 开发工具 和 iphone真机都可以打印 after, 安卓真机(锤子 坚果pro2)不会打印after
2019-03-22swiper-item 内部的滚动不会触发页面的 onPageScroll 事件,需要 scroll 事件可以在 swiper-item 内部套一个 scroll-view,然后监听 scroll-view 的 scroll 事件(bindscroll)。
swiper中,页面上线滚动不会触发onPageScroll- 当前 Bug 的表现(可附上截图) swiper下的页面滚动,没有触发onPageScroll方法,不是在swiper下的页面,正常触发 - 预期表现 触发onPageScroll
2019-03-18overflow 的问题是原生组件的限制: 不能在父级节点使用 [代码]overflow: hidden[代码] 来裁剪原生组件的显示区域 要隐藏canvas的话,可以直接在 canvas 节点上使用 hidden 属性 或 使用 display: none 这个 CSS。
canvas保存生成图片部分是黑色了- 当前 Bug 的表现(可附上截图) 点击生成后一是手上会出现字的重叠, 保存到相册中的图下部分是黑色 [图片] [图片] - 预期表现 如图一,只是没有字的重叠 - 复现路径 - 提供一个最简复现 Demo [代码]<view style=[代码][代码]'width:0px;height:0px;overflow:hidden;'[代码][代码]>[代码][代码]<canvas canvas-id=[代码][代码]"myCanvas"[代码] [代码]style=[代码][代码]'width:375px;height:{{totheight}}px;'[代码][代码]>[代码][代码]</canvas>[代码][代码]</view>[代码]上面这个代码是想隐藏canvas,但会出现字的重叠,说明并么有实现 [代码]const ctx = wx.createCanvasContext([代码][代码]'myCanvas'[代码][代码])[代码] [代码] [代码][代码]ctx.drawImage(that.data.bgimg, 0, 0, that.data.screenwidth, that.data.useheight)[代码] [代码] [代码][代码]ctx.drawImage([代码][代码]"../../images/aaa.png"[代码][代码], 285, 10, 80, 83)[代码] [代码] [代码][代码]ctx.setFontSize(14);[代码][代码] [代码][代码]ctx.setFillStyle([代码][代码]'#'[代码] [代码]+ that.data.quot.color);[代码][代码] [代码][代码]ctx.fillText(that.data.date[[代码][代码]'0'[代码][代码]] + [代码][代码]' / '[代码] [代码]+ that.data.date[[代码][代码]'1'[代码][代码]], 292,30);[代码] [代码] [代码][代码]ctx.setFontSize(32);[代码][代码] [代码][代码]ctx.setFillStyle([代码][代码]'#'[代码] [代码]+ that.data.quot.color);[代码][代码] [代码][代码]ctx.fillText(that.data.date[[代码][代码]'2'[代码][代码]] , 307, 65);[代码] [代码] [代码][代码]ctx.setFontSize(16);[代码][代码] [代码][代码]ctx.setFillStyle([代码][代码]'#'[代码] [代码]+ that.data.quot.color);[代码][代码] [代码][代码]ctx.fillText(that.data.date[[代码][代码]'3'[代码][代码]],299,85);[代码] [代码] [代码] [代码] [代码][代码]var[代码] [代码]content = that.data.quot.content;[代码][代码] [代码][代码]var[代码] [代码]chr = content.split([代码][代码]""[代码][代码]);[代码] [代码] [代码][代码]var[代码] [代码]temp = [代码][代码]""[代码][代码];[代码][代码] [代码][代码]var[代码] [代码]row = [];[代码][代码] [代码][代码]ctx.setFontSize(17);[代码][代码] [代码][代码]ctx.setFillStyle([代码][代码]'#000000'[代码][代码]);[代码][代码] [代码][代码]for[代码] [代码]([代码][代码]var[代码] [代码]a = 0; a < chr.length; a++) {[代码][代码] [代码][代码]if[代码] [代码](ctx.measureText(temp).width < 355) {[代码][代码] [代码][代码]temp += chr[a];[代码][代码] [代码][代码]}[代码][代码] [代码][代码]else[代码] [代码]{[代码][代码] [代码][代码]a--; [代码][代码] [代码][代码]row.push(temp);[代码][代码] [代码][代码]temp = [代码][代码]""[代码][代码];[代码][代码] [代码][代码]}[代码][代码] [代码][代码]}[代码][代码] [代码][代码]row.push(temp); [代码][代码] [代码][代码]for[代码] [代码]([代码][代码]var[代码] [代码]b = 0; b < row.length; b++) {[代码][代码] [代码][代码]ctx.fillText(row[b], 10, that.data.useheight + 30 + b * 30, 355);[代码][代码] [代码][代码]var[代码] [代码]totheight = that.data.useheight + 100 + b * 30;[代码][代码] [代码][代码]}[代码][代码] [代码][代码]that.setData({[代码][代码] [代码][代码]totheight: totheight[代码][代码] [代码][代码]})[代码][代码] [代码][代码]ctx.draw([代码][代码]true[代码][代码],[代码][代码]function[代码][代码](res){[代码][代码] [代码][代码]wx.canvasToTempFilePath({[代码][代码] [代码][代码]canvasId: [代码][代码]'myCanvas'[代码][代码],[代码][代码] [代码][代码]fileType: [代码][代码]'jpg'[代码][代码],[代码][代码] [代码][代码]success: [代码][代码]function[代码] [代码](res) {[代码][代码] [代码][代码]wx.saveImageToPhotosAlbum({[代码][代码] [代码][代码]filePath: res.tempFilePath,[代码][代码] [代码][代码]success(res) {[代码][代码] [代码][代码]wx.hideLoading();[代码][代码] [代码][代码]wx.showToast({[代码][代码] [代码][代码]title: [代码][代码]'海报已存到相册'[代码][代码],[代码][代码] [代码][代码]})[代码][代码] [代码][代码]},[代码][代码] [代码][代码]fail() {[代码][代码] [代码][代码]wx.hideLoading();[代码][代码] [代码][代码]}[代码][代码] [代码][代码]})[代码][代码] [代码][代码]}[代码][代码] [代码][代码]})[代码][代码] [代码][代码]})[代码]请高手指点,再此谢过!
2019-03-18建议先使用绝对定位(position: absolute: top: -1000px)来隐藏video组件。
自定义组件中video全屏无效[图片] [图片] [图片] 自定义组件中用了一个隐藏的video组件,获取到videoContent对象后执行requestFullScreen()无效
2019-03-13通过字体加载图形在cover-view里是不支持的,可以用 corver-image 来代替。
全屏map小米MIX2,cover-view定位无法显示https://developers.weixin.qq.com/s/ARHmnDmY7i6w
2019-03-05