初步发现,在canvas的draw之后的回调中,应该是draw的第一笔刚画上去就执行了回调,而不是等draw之后渲染完才执行回调。 所以调用wx.canvasToTempFilePath时,苹果手机由于性能较高,绘画渲染速度快,所以直接调用wx.canvasToTempFilePath不会出现样式错乱问题,但是安卓机由于渲染速度慢,所以可能在渲染完成前就将canvas转成图片了,导致样式错乱。 解决方案:在安卓机上的wx.canvasToTempFilePath延迟300ms~500ms执行,在苹果手机上正常执行。
canvas绘图样式出错,京东购物也是这样![图片] [图片] 我们最近在绘制canvas的时候,发现在安卓手机上有时候会出现canvas绘制出来的样式会错乱的问题。 在安卓手机上点多几次都会复现。在IOS手机下没有这个问题。 [图片] 文档中的setFontSize改成了ctx.font,但是在手机上无法展示效果,文档也找不到在哪里。 [图片] 通过搜索才发现是跳转到之前的文档。但是之前的文档也没找到fillStyle这个属性,只有setFillStyle。 希望官方能解答一下这个关于canvas的问题。
2019-01-18https://developers.weixin.qq.com/miniprogram/dev/component/cover-view.html 看看这里的tip说明:tip第十条 [图片][图片]
border-radius在开发者工具上显示,在真机上不显示- 当前 Bug 的表现(可附上截图) [图片] 这是真机上的效果,border-radius不起作用,地图模式这个view是左上和左下是圆角,现在整个view都是圆角;列表模式这边的view是右上和右下是圆角,现在这个列表模式的view都没有变为圆角 - 预期表现 [图片] 这是开发者工具上预览的效果,border-radius正常显示 这是wxml代码: <cover-view style='position:absolute;top:80%;left:0;width:100%;'> <cover-view style='text-align:center; margin:0 auto;width:202px;border:0rpx solid #e6e6ea;' bindtap="wxSearchTab"> <cover-view class='mapmodel' style=''>地图模式</cover-view> <cover-view class='listmodel' style=''>列表模式</cover-view> </cover-view> </cover-view> 这是wxss样式: .mapmodel{ /* -webkit-border-radius: 20px 0px 0px 20px; -moz-border-radius: 20px 0px 0px 20px; border-radius: 20px 0px 0px 20px; */ border-top-left-radius:20em; border-top-right-radius:0em; border-bottom-right-radius:0em; border-bottom-left-radius:20em; float:left; padding-left:0px; font-size:16px; line-height:40px; background:#1998f9; color:#fff; width:100px; height:42px; } .listmodel{ /* -webkit-border-radius: 0px 20px 20px 0px; -moz-border-radius: 0px 20px 20px 0px; border-radius: 0px 20px 20px 0px; */ border-top-left-radius:0em; border-top-right-radius:20em; border-bottom-right-radius:20em; border-bottom-left-radius:0em; border:1px solid #1998f9; float:left; padding-left:0px; font-size:16px; line-height:40px; background:#fff; color:#909090; width:100px; height:40px; }
2018-11-07我觉得你打出UA信息就可以看得出来了。 第二个你可以接一种调试小工具,vconsole也可以,给你介绍个https://github.com/liriliri/eruda
web-view 页的浏览器环境是不是与微信浏览器环境不一致?现在是在安卓微信环境下部分机型会有打开一个 vue 的单页应用白屏的问题。 在此安卓机的微信环境打开此 url 可以显示正常。 两个问题: 1、webview 所使用的内核版本是否与微信浏览器一致? 若不一致,可否给出一个近似版本或者兼容性列表? 2、微信开发者工具真机调试 web-view 的时候可否放出 network 信息及报错信息? 附上一个单页应用的小 demo:http://wind.dev.ethercap.com/
2018-11-071.previewImage: function (e) { var current=e.target.dataset.src; wx.previewImage({ current: current, // 当前显示图片的http链接 urls: this.data.imgalist.map((item) => { return item.replace(/\?.*/g, '') }) }) } 2.[图片]
预览图片怎清除掉指定的参数?代码: Page({ data: { imgalist:[ '../uploads/a01.jpg?要删除的字符', '../uploads/a02.jpg?要删除的字符', '../uploads/a03.jpg?要删除的字符', '../uploads/foods.jpg?要删除的字符' ]}, /** * 预览图片 */ previewImage: function (e) { var current=e.target.dataset.src; wx.previewImage({ current: current, // 当前显示图片的http链接 urls: this.data.imgalist // 需要预览的图片http链接列表 }) } --------------------- 我的问题:我想预览图片时,把图片网址后面的【?要删除的字符】删除掉,怎写? 原因:因为用的阿里云,文章中图片是缩小的小图片,把后面的参数删除掉,预览时就能看到清晰的大图。。。。。。。 第二个小问题: onShareAppMessage: function (res) { var that = this if (res.from === 'button') { // 来自页面内转发按钮 console.log(res.target) } return { title: that.data.title,//自定义转发标题 //path: '/page/user?id=123' imageUrl: that.data.pic//自定义缩略图 } }, 问题: path不设置也行?
2018-11-07利用downloadfile把本地资源下载变成一个临时资源试试?
wx.previewImage能否预览 开发包里的图片目前测试结果 是一直loading 显示不出来
2018-11-05为什么一个是http,一个是https。检查一下是否配置正确吧。 另外检查一下是否下了那个校验文件到自己服务器的根目录中,最好能把配置的截图截出来。
webview配置请问一下,web-view出现这个问题怎么解决 [图片] 小程序和公众号后台已配置域名,还是出现这个问题
2018-11-05可以跳啊。。直接跳转注册的path就可以了,会自动下载分包B的东西
想问下分包加载的包A里面的页面可以跳包B吗?怎么跳的想问下分包加载的包A里面的页面可以跳包B吗?怎么跳的
2018-11-02https://developers.weixin.qq.com/community/develop/doc/000ca6a4e54a88a387973fcec5b400?highline=bindgetuserinfo&jumpto=comment&commentid=000ecab188c5e0619c97ee8ed518[图片]
微信授权用户进入小程序点击引导授权按钮,弹出授权窗口,点击允许没有反应,开发者工具、iOS和安卓都是
2018-11-02加一个前置步骤,比方说: 在点击分享的时候,先弹出一个弹窗(类似京东购物的分享),然后把canvas画出来,再进行分享(如果不想展示canvas,可把canvas画出来然后挪到屏幕外面去)
孜孜不倦的我又来提问了- 当前 Bug 的表现(可附上截图) - 预期表现 - 复现路径 - 提供一个最简复现 Demo onShareAppMessage: function(e) { let that = this; console.log(e); if (e.target) { let videoId = e.target.dataset.videoId; let title = e.target.dataset.title; let cover = e.target.dataset.cover; console.log("videoId is " + videoId); console.log("title is " + title); console.log("cover is " + cover); // cover是一张网络图片(https,证书未过期) // ‘canvas’为前面创建的canvas标签的canvas-id属性值 let canvasW = 640; let canvasH = 420; if (750 / 420 > 5 / 4) { // 长宽比大于5:4 canvasW = 420 * 5 / 4; } // 将图片绘制到画布 ctx.drawImage(cover, (750 - canvasW) / 2, 0, canvasW, canvasH, 0, 0, canvasW, canvasH) // draw()必须要用到,并且需要在绘制成功后导出图片 ctx.draw(false,function(res) { // 导出图片 wx.canvasToTempFilePath({ width: canvasW, height: canvasH, destWidth: canvasW, destHeight: canvasH, canvasId: 'canvas', fileType: 'png', success: function(res) { let img = res.tempFilePath; console.log(img); return { title: title, imageUrl: img, path: "/pages/detail/detail?videoId=" + videoId } } }); }); } } -提问:为什么canvasToTempFilePath里面的return的object不生效,分享出去的还是默认截屏的图片,而不是我裁剪好的图片
2018-11-02css:sticky(ios可用,android部分可用。美团应该也是用这个属性的) 没必要为了这个效果做这么多的计算,小程序会卡卡的,而且安卓也达不到想要的效果。 跟产品商量一下,看能不能用这个属性。
想要实现特定区域滚动到顶部时固定,请问有什么比较好的实现方式??想要在小程序中实现:页面中的特定区域滚动到顶部时悬停(就是美团小程序首页的综合排序,销量那里的效果,下图所示) [图片][图片] 我试着用scroll-view提供的bindscroll方法获取滚动的距离,根据滚动的距离改变元素的样式,在模拟器上还挺顺畅,在真机(安卓机 oppor9s)上 着实是卡顿,请问有什么好的解决办法么? 或者有什么好的方法可以实现这样的效果么~( ̄▽ ̄)~*
2018-11-02