微信小程序 > 微信公开课 > 小程序canvas真机不能左右滚动
微信小程序,微信公开课,小程序canvas真机不能左右滚动

小程序canvas真机不能左右滚动

2019-04-03 15:16:50

如何看待微信公开课小程序热门讨论「小程序canvas真机不能左右滚动」
摘要:小程序canvas真机不能左右滚动
展开:配置:setting:{urlCheck:true,es6:true,postcss:true,minified:true},compileType:weapp,libVersion:1.6.0,安卓、苹果都不能左右滚动。wxml:viewstylewidth:100%;overflowx:scroll;viewstylewidth:1600rpx;canvascanvasidmyCanvas0styleborder:1rpxsolid333;width:160rpx;height:300rpx;display:inlineblock;/canvascanvasidmyCanvas1styleborder:1rpxsolid333;width:160rpx;height:300rpx;display:inlineblock;background:red;/canvascanvasidmyCanvas2styleborder:1rpxsolid333;width:160rpx;height:300rpx;display:inlineblock;/canvascanvasidmyCanvas3styleborder:1rpxsolid333;width:160rpx;height:300rpx;display:inlineblock;/canvascanvasidmyCanvas4styleborder:1rpxsolid333;width:160rpx;height:300rpx;display:inlineblock;/canvascanvasidmyCanvas5styleborder:1rpxsolid333;width:160rpx;height:300rpx;display:inlineblock;/canvascanvasidmyCanvas6styleborder:1rpxsolid333;width:160rpx;height:300rpx;display:inlineblock;/canvascanvasidmyCanvas7styleborder:1rpxsolid333;width:160rpx;height:300rpx;display:inlineblock;/canvascanvasidmyCanvas8styleborder:1rpxsolid333;width:160rpx;height:300rpx;display:inlineblock;/canvascanvasidmyCanvas9styleborder:1rpxsolid333;width:160rpx;height:300rpx;display:inlineblock;//view/viewjs:Page({onShow:function(){constdrawcanvasId{constctxwx.createCanvasContext(canvasId);ctx.setFillStyle(red);ctx.fillRect(0,0,80,150);ctx.draw();ctx.setFillStyle(blue);ctx.fillRect(20,20,40,110);ctx.draw();};newArray(10).fill().forEach((x,index)draw(`myCanvas${index}`));}});原始状态:左滑之后:左右移动的时候,canvas的背景移动了,但是canvas的内容并没有移动~大家知道是什么原因吗
标签:小程序
微信小程序,微信公开课,小程序canvas真机不能左右滚动

「小程序canvas真机不能左右滚动」热门讨论订阅

方法1:微信扫描微信公开课小程序码即可订阅热门讨论「小程序canvas真机不能左右滚动」

方法2:微信搜索微信公开课小程序名称进入,即可订阅热门讨论「小程序canvas真机不能左右滚动」

方法3:微信网页访问即速商店,长按识别微信公开课小程序码即可订阅热门讨论「小程序canvas真机不能左右滚动」

微信公开课小程序热门讨论「小程序canvas真机不能左右滚动」由微信公开课原创摘录于微信小程序商店shop.jisuapp.cn,转载请注明出处。

微信公开课热门讨论「小程序canvas真机不能左右滚动」由微信公开课开发者向微信用户提供,并对本服务内容、数据资料及其运营行为等真实性、合法性及有效性承担全部责任。