https://github.com/crown-li/ruler 有人写了一个 但是太不完善
我想实现一个带刻度尺的滑块如题,然后在网上搜了一下类似的功能,发现了一个较符合的例子,[图片] 参考原文链接,https://www.jianshu.com/p/f3c5151990ac?tdsourcetag=s_pcqq_aiomsg 但是他这个例子的刻度尺部分是用scroll-view和canvas写的,copy下来有些bug问题,设置默认值的时候scroll-view的scroll-left并不会移动到设置的地方,官方文档又不让在scroll-view中使用canvas,这种功能能不能给些参考性的建议:刻度尺部分该怎么实现?目前我觉得功能靠scroll-view和canvas是比较理想的实现
2019-01-19推荐你看看 IntersectionObserver https://www.jianshu.com/p/9411fc92dd43
小程序滑动求解底部有个菜单 上滑动时 显示出来 下滑事 隐藏 求教大神
2019-01-17大神 打扰了 有时间可以帮忙看看这个问题吗 https://developers.weixin.qq.com/community/develop/doc/000a6ef1e58838b9cfe75630b51c00
基础库占比这更新的有点问题吧[图片] 童靴代码敲迷糊了吧
2019-01-08问题出现的原因,可能就是 原生组件不支持scroll-view嵌套canvas导致的 如果我想写一个正常的尺子 应该怎么改 可以提供个思路吗
canvas 偶尔不显示-问题现象 canvas 偶尔不显示,只显示白屏 - 预期表现 canvas可以正常显示 - 复现路径 请测试人员用 meta20 手机,运行程序 先点击打开 再点击返回 重复大概十次左右 就会出现不显示的情况 锁屏后,再打开 就可以显示了 - 提供一个最简复现 Demo https://developers.weixin.qq.com/s/6wUe18mb775F
2019-01-08大神 你看看 我这怎么办 如何写一个正常的尺子 可以提供个思路吗 https://developers.weixin.qq.com/community/develop/doc/000a6ef1e58838b9cfe75630b51c00
刷屏了?@官方 @猫亮瞎眼~@官方 @猫 [图片]
2019-01-08大神 你看看 我这怎么办 如何写一个正常的尺子 可以提供个思路吗 https://developers.weixin.qq.com/community/develop/doc/000a6ef1e58838b9cfe75630b51c00
(已解决)canvas渐变色bug基础库版本2.4.1能有渐变色,之后的版本就不渐变了 [图片] [图片] ctx.setFillStyle(grd) 和 ctx.fillStyle = grd 都一样 另外,fillText方法在iOS上不支持渐变色,据说已修复啦。。坐等上线~
2019-01-08@官方 代码也提供了,描述的也很清楚 哪怕暂时不解决 也说一声 复现了没有啊
canvas 偶尔不显示 求解答-问题现象 canvas 偶尔不显示,只显示白屏 出现该问题的必要条件 手机型号为华为meta20 锁屏后再打开屏幕就显示了 请测试人员用 meta20 手机,运行程序 先点击打开 再点击返回 重复大概十次左右 就会出现不显示的情况 锁屏后,再打开 就可以显示了 - 预期表现 canvas可以正常显示 - 复现路径 请测试人员用 meta20 手机,运行程序 先点击打开 再点击返回 重复大概十次左右 就会出现不显示的情况 锁屏后,再打开 就可以显示了 - 提供一个最简复现 Demo https://developers.weixin.qq.com/s/6wUe18mb775F
2019-01-03我这也出现了 偶尔出现
canvas在编辑器里面正常显示 在真机出现问题小程序canvas绘图在编辑器上面没有问题,但是在真机预览就出现不显示的问题,请问大家有没有遇到这个问题???? [图片] [图片] 代码: [代码]const ctx = wx.createCanvasContext([代码][代码]'myCanvas'[代码][代码], [代码][代码]this[代码][代码].$scope);[代码][代码] [代码][代码]ctx.beginPath();[代码][代码] [代码][代码]//右底部透明背景[代码][代码] [代码][代码]ctx.setFillStyle([代码][代码]'white'[代码][代码]);[代码][代码] [代码][代码]ctx.setGlobalAlpha(0)[代码][代码] [代码][代码]ctx.fillRect(X*0.8,0, X*0.2, Y);[代码][代码] [代码][代码]ctx.save();[代码][代码] [代码][代码]//右侧透明半圆[代码][代码] [代码][代码]ctx.setGlobalAlpha(1);[代码][代码] [代码][代码]ctx.arc(X, 0.48*Y, 10, 0, 2 * Math.PI,[代码][代码]true[代码][代码]);[代码][代码] [代码][代码]ctx.clip();[代码][代码] [代码][代码]ctx.setFillStyle([代码][代码]'white'[代码][代码]);[代码][代码] [代码][代码]ctx.setGlobalAlpha(1);[代码][代码] [代码][代码]ctx.fillRect(X*0.8,0, X*0.2, Y);[代码][代码] [代码][代码]ctx.restore();[代码][代码] [代码][代码]ctx.closePath();[代码] [代码] [代码][代码]ctx.beginPath();[代码][代码] [代码][代码]//左底部透明背景[代码][代码] [代码][代码]ctx.setFillStyle([代码][代码]'white'[代码][代码]);[代码][代码] [代码][代码]ctx.setGlobalAlpha(0)[代码][代码] [代码][代码]ctx.fillRect(0,0, X*0.8, Y);[代码][代码] [代码][代码]ctx.save();[代码][代码] [代码][代码]//左侧透明半圆[代码][代码] [代码][代码]ctx.setGlobalAlpha(1);[代码][代码] [代码][代码]ctx.arc(0, 0.48*Y, 10, 0, 2 * Math.PI,[代码][代码]true[代码][代码]);[代码][代码] [代码][代码]ctx.clip();[代码][代码] [代码][代码]ctx.setFillStyle([代码][代码]'white'[代码][代码]);[代码][代码] [代码][代码]ctx.setGlobalAlpha(1)[代码][代码] [代码][代码]ctx.fillRect(0,0, X*0.8, Y);[代码][代码] [代码][代码]ctx.drawImage(ImageTep.tempFilePath,0,0,0.68*X,0.48*Y);[代码][代码] [代码][代码]ctx.restore();[代码][代码] [代码][代码]ctx.save();[代码][代码] [代码][代码]ctx.closePath();[代码] [代码] [代码][代码]// 画白色矩形遮盖底部轮廓线[代码][代码] [代码][代码]ctx.beginPath();[代码][代码] [代码][代码]ctx.setFillStyle([代码][代码]'white'[代码][代码]);[代码][代码] [代码][代码]ctx.setGlobalAlpha(1)[代码][代码] [代码][代码]ctx.fillRect(0.67*X,0, X*0.2, Y);[代码][代码] [代码][代码]ctx.save();[代码][代码] [代码][代码]// 画三角形遮盖图片[代码][代码] [代码][代码]ctx.moveTo(0.67*X,0);[代码][代码] [代码][代码]ctx.lineTo(0.68*X,0.48*Y);[代码][代码] [代码][代码]ctx.lineTo(0.28*X,0.48*Y);[代码][代码] [代码][代码]ctx.fill();[代码][代码] [代码][代码]ctx.save();[代码] [代码] [代码][代码]// 信息[代码][代码] [代码][代码]// 公司 职位[代码][代码] [代码][代码]ctx.setFontSize(14)[代码][代码] [代码][代码]ctx.setFillStyle([代码][代码]'#888'[代码][代码])[代码][代码] [代码][代码]ctx.setTextAlign([代码][代码]'left'[代码][代码])[代码][代码] [代码][代码]ctx.fillText([代码][代码]'中国人保'[代码][代码], 0.78*X,0.086*Y);[代码][代码] [代码][代码]ctx.fillText([代码][代码]'产品经理'[代码][代码], 0.78*X,0.225*Y);[代码][代码] [代码][代码]ctx.save();[代码][代码] [代码][代码]// 名字[代码][代码] [代码][代码]ctx.setFontSize(21)[代码][代码] [代码][代码]ctx.setFillStyle([代码][代码]'#262628'[代码][代码])[代码][代码] [代码][代码]ctx.setTextAlign([代码][代码]'left'[代码][代码])[代码][代码] [代码][代码]ctx.fillText([代码][代码]'张静'[代码][代码], 0.58*X,0.23*Y);[代码][代码] [代码][代码]ctx.save();[代码] [代码] [代码][代码]//底部二维码和文字[代码][代码] [代码][代码]ctx.drawImage(ImageTep.tempFilePath,0.42*X,0.63*Y,0.15*X);[代码][代码] [代码][代码]ctx.save();[代码][代码] [代码][代码]//扫一扫文字[代码][代码] [代码][代码]ctx.setFontSize(14)[代码][代码] [代码][代码]ctx.setFillStyle([代码][代码]'#333'[代码][代码])[代码][代码] [代码][代码]ctx.setTextAlign([代码][代码]'left'[代码][代码])[代码][代码] [代码][代码]ctx.fillText([代码][代码]'扫一扫'[代码][代码], 0.435*X,0.8*Y);[代码][代码] [代码][代码]ctx.setFontSize(13)[代码][代码] [代码][代码]ctx.setFillStyle([代码][代码]'#bbb'[代码][代码])[代码][代码] [代码][代码]ctx.setTextAlign([代码][代码]'left'[代码][代码])[代码][代码] [代码][代码]ctx.fillText([代码][代码]'了解我的更多'[代码][代码], 0.37*X,0.86*Y);[代码][代码] [代码][代码]ctx.fillText([代码][代码]'信息'[代码][代码], 0.4635*X,0.895*Y);[代码][代码] [代码][代码]ctx.save();[代码] [代码] [代码][代码]ctx.draw(); [代码][代码]// 关闭绘图[代码]
2019-01-02大家解决了吗 我这也是这样 是不是图片多的问题 有没有懒加载的方案
IOS下,提示“小程序意外退出,请稍候重试”。IOS下使用swiper组件滑动图片时出现闪退是什么原因,提示小程序意外退出,请稍候重试。 [图片]
2018-12-18解决了吗 我也遇到了
部分ios机型小程序闪退体验版本时无任何问题,现阶段跑了两三个月了,头段时间客户反馈说 ios手机进入小程序后出现闪退的现象,故拿身边朋友的苹果手机机型测试,5 5s se 6 6s 6sp 7 7p 8p 这些机型的测试发现无闪退现象。 就是百思不得其解,可能是程序本身代码有问题,还请各位大大看到麻烦帮忙解答一下 进入小程序不闪退,但是当到达有swiper 的页面时出现闪退的情况 wxml部分代码如下 <swiper current="{{cid}}" bindchange="changeId" autoplay="false" interval="50000000" circular="false" style="height:{{newheight}}px;"> <block wx:for="{{imgUrls}}" wx:key="unique"> <swiper-item id="{{index}}" bindtap="ad" style='background-color:white;'> <image src="{{item.img}}" class="mo" style='height:{{newheight}}px;' bindload='getimgkg'> <image src="{{item.img1}}" class="qw" style="left:{{item.imgleft}}%;top:{{item.imgtop}}%;width:{{item.imgwidth}}%;height:{{item.imgheight}}%;" > </image> </image> </swiper-item> </block> </swiper> 还请各位大大有时间帮小弟解答一下
2018-12-18