小程序requestAnimationFrame()在真机上不能运行
2019-04-03 15:16:50
如何看待微信公开课小程序热门讨论「小程序requestAnimationFrame()在真机上不能运行」
摘要:小程序requestAnimationFrame()在真机上不能运行
展开:在小程序上使用了requestAnimationFrame()这个方法在开发者工具上运行时好使的,为什么预览到真机上就不起作用了.!index.wxml!旋转动画viewclassanimationboxviewclassanimationbindtapclickAnimationimagesrc../images/radar_background.png/imageviewanimation{{animationData}}classline/view/view/view/旋转动画/.animationbox{position:fixed;top:0;width:100%;height:300px;/background:pink;/paddingtop:20px;}.animationbox.animation{position:relative;width:250px;height:250px;margin:0auto;}.animationbox.animation.line{position:absolute;top:50%;left:35px;width:90px;height:1px;background:000;}.animationbox.animationimage{width:250px;height:250px;}/index.js/data:{animationData:{},degree:0},onLoad:function(options){varthatthis;},onReady:function(){},onShow:function(){this.startAnimation();},startAnimation:function(){varthatthis;varlineMovenull;//创建动画实例varanimationwx.createAnimation({duration:400,timingFunction:linear,transformOrigin:100%0,})this.animationanimationfunctionani(){animation.rotate(that.data.degree+1).step();that.setData({animationData:animation.export()})lineMoverequestAnimationFrame(ani);that.lineMovelineMove;}ani();},stopAnimation:function(){varthatthis;cancelAnimationFrame(that.lineMove);console.log(this.lineMove);that.lineMovefalse;console.log(this.lineMove);},clickAnimation:function(){if(this.lineMove){this.stopAnimation();}else{this.startAnimation();}},
摘要:小程序requestAnimationFrame()在真机上不能运行
展开:在小程序上使用了requestAnimationFrame()这个方法在开发者工具上运行时好使的,为什么预览到真机上就不起作用了.!index.wxml!旋转动画viewclassanimationboxviewclassanimationbindtapclickAnimationimagesrc../images/radar_background.png/imageviewanimation{{animationData}}classline/view/view/view/旋转动画/.animationbox{position:fixed;top:0;width:100%;height:300px;/background:pink;/paddingtop:20px;}.animationbox.animation{position:relative;width:250px;height:250px;margin:0auto;}.animationbox.animation.line{position:absolute;top:50%;left:35px;width:90px;height:1px;background:000;}.animationbox.animationimage{width:250px;height:250px;}/index.js/data:{animationData:{},degree:0},onLoad:function(options){varthatthis;},onReady:function(){},onShow:function(){this.startAnimation();},startAnimation:function(){varthatthis;varlineMovenull;//创建动画实例varanimationwx.createAnimation({duration:400,timingFunction:linear,transformOrigin:100%0,})this.animationanimationfunctionani(){animation.rotate(that.data.degree+1).step();that.setData({animationData:animation.export()})lineMoverequestAnimationFrame(ani);that.lineMovelineMove;}ani();},stopAnimation:function(){varthatthis;cancelAnimationFrame(that.lineMove);console.log(this.lineMove);that.lineMovefalse;console.log(this.lineMove);},clickAnimation:function(){if(this.lineMove){this.stopAnimation();}else{this.startAnimation();}},
标签:小程序
「小程序requestAnimationFrame()在真机上不能运行」热门讨论订阅
方法1:微信扫描微信公开课小程序码即可订阅热门讨论「小程序requestAnimationFrame()在真机上不能运行」
方法2:微信搜索微信公开课小程序名称进入,即可订阅热门讨论「小程序requestAnimationFrame()在真机上不能运行」
方法3:微信网页访问即速商店,长按识别微信公开课小程序码即可订阅热门讨论「小程序requestAnimationFrame()在真机上不能运行」
微信公开课小程序热门讨论「小程序requestAnimationFrame()在真机上不能运行」由微信公开课原创摘录于微信小程序商店shop.jisuapp.cn,转载请注明出处。
微信公开课热门讨论「小程序requestAnimationFrame()在真机上不能运行」由微信公开课开发者向微信用户提供,并对本服务内容、数据资料及其运营行为等真实性、合法性及有效性承担全部责任。
微信公开课小程序
更新时间:2019-04-03 15:16:50
>
__methodCallerx27;ofundefined
>-404011cloudfunctionexecutionerror
>,请补充选择商家自营-预付卡销售-发行方类目,并在基础信息处申请该类目,通过
>:host在模拟器中显示无效
>:请在小程序服务页面上架正式(非测试)内容或商品后重新提交审核
>.net 微信小程序 上传图片
>'setTimeout'的问题
>‘三朵里熙SPA主题减压空间’为什么搜索关键词‘三朵里‘搜不到
>‘扫普通链接二维码打开小程序‘中设置为体验版,扫码打开是线上版本
>“cloudfunctions**indexjs”gitignore
>“NO ULINK DEVICE FOUND”是怎么回事
>“万马掌上校园”的类目审核
>“上线了”公司开发的微信小程序怎么样?
>“产品是否一定需要条形码”
>