小程序开发canvas渲染bug
2019-03-15 18:17:35
微信公开课小程序热门讨论关于「小程序开发canvas渲染bug」的小程序开发问题
补充:1问题1canvas生成的二维码显示问题,第一章是安卓手机与模拟器效果,由于一维码跟二维码都是用canvas生成的,并且fixed到页面相应位置的但是苹果手机显示就像第二张图那样,安卓没问题模拟器与安卓效果如图一,
展开:1问题1canvas生成的二维码显示问题,第一章是安卓手机与模拟器效果,由于一维码跟二维码都是用canvas生成的,并且fixed到页面相应位置的但是苹果手机显示就像第二张图那样,安卓没问题模拟器与安卓效果如图一,苹果显示如2;并且一维码二维码都有一个点击放大的功能也是真机与安卓手机没毛病苹果上面不行2问题2如下所示,苹果手机上面背景可滑动且滑动时canvas组件位置发生偏移安卓与开发工具显示正常即速小程序:已添加:iphone6sp7s微信661,这个问题还没有解决:<viewclass=qrcodemodalflexcenterhidden={{hideModal}}<viewclass=qrcodemaintruecatchtap=hideModal<view<viewclass=qrcodemodalbg<viewclass=page<viewclass=panel<viewclass=barcodecatchtap=showBarcodeModal<viewclass=barnum1223312<view<canvascanvasid=barcode<view<viewclass=qrcodecatchtap=showQrcodeModal<canvascanvasid=qrcode<view<view<view<view<view<viewclass=barcodemodalflexcenterhidden={{barcodeModal}}catchtap=hideBarcodeModal<viewclass=barnum12312312321<view<viewclass=barcodebox<canvascanvasid=barcodecanvas<view<view<viewclass=qrcodemodalcanvasflexcenterhidden={{qrcodeModal}}catchtap=hideQrcodeModal<canvascanvasid=qrcodecanvas<view*卡弹窗*qrcodemodal,qrcodemaintrue,barcodemodal,qrcodemodalcanvas{left:0;top:0;bottom:0;right:0;position:fixed;zindex:100;backgroundcolor:rgba(0,0,0,05);}qrcodemodal{zindex:99;}barcodemodal,qrcodemodalcanvas{backgroundcolor:fff;zindex:120;}barcodemodal{flexdirection:column;justifycontent:center;}qrcodemodalbg{backgroundcolor:fff;width:680rpx;boxsizing:borderbox;*padding:20rpx30rpx;*padding:010rpx;margin:0auto;height:750rpx;overflowy:hidden;borderradius:16rpx;zindex:100;}page{display:flex;flexdirection:column;justifycontent:center;alignitems:center;}container{paddingbottom:10rpx;}panel{display:flex;flexdirection:column;justifycontent:spacebetween;alignitems:stretch;boxsizing:borderbox;width:100%;borderradius:10rpx;backgroundcolor:fff;}barcode{display:flex;height:320rpx;flexdirection:column;justifycontent:center;alignitems:center;}barnum{width:100%;height:100rpx;lineheight:100rpx;fontsize:38rpx;fontweight:bold;textalign:center;letterspacing:10rpx;whitespace:nowrap;}barcodecanvas{width:660rpx;height:200rpx;}qrcode{height:420rpx;display:flex;flexdirection:column;justifycontent:flexend;alignitems:center;}qrcodecanvas{width:420rpx;height:420rpx;}barcodemodalcanvas{height:300rpx;width:750rpx;}barcodemodalbarcodebox{height:300rpx;width:690rpx;}barcodemodalbarnum{transform:scale(2);}qrcodemodalcanvascanvas{width:100%;height:750rpx;}:你好,问题未复现请提供一下出现问题的机型和微信版本,以及能复现问题的简单代码示例
更多有关「小程序开发canvas渲染bug」的讨论可以前往微信公开课小程序参与互动哦!
补充:1问题1canvas生成的二维码显示问题,第一章是安卓手机与模拟器效果,由于一维码跟二维码都是用canvas生成的,并且fixed到页面相应位置的但是苹果手机显示就像第二张图那样,安卓没问题模拟器与安卓效果如图一,
展开:1问题1canvas生成的二维码显示问题,第一章是安卓手机与模拟器效果,由于一维码跟二维码都是用canvas生成的,并且fixed到页面相应位置的但是苹果手机显示就像第二张图那样,安卓没问题模拟器与安卓效果如图一,苹果显示如2;并且一维码二维码都有一个点击放大的功能也是真机与安卓手机没毛病苹果上面不行2问题2如下所示,苹果手机上面背景可滑动且滑动时canvas组件位置发生偏移安卓与开发工具显示正常即速小程序:已添加:iphone6sp7s微信661,这个问题还没有解决:<viewclass=qrcodemodalflexcenterhidden={{hideModal}}<viewclass=qrcodemaintruecatchtap=hideModal<view<viewclass=qrcodemodalbg<viewclass=page<viewclass=panel<viewclass=barcodecatchtap=showBarcodeModal<viewclass=barnum1223312<view<canvascanvasid=barcode<view<viewclass=qrcodecatchtap=showQrcodeModal<canvascanvasid=qrcode<view<view<view<view<view<viewclass=barcodemodalflexcenterhidden={{barcodeModal}}catchtap=hideBarcodeModal<viewclass=barnum12312312321<view<viewclass=barcodebox<canvascanvasid=barcodecanvas<view<view<viewclass=qrcodemodalcanvasflexcenterhidden={{qrcodeModal}}catchtap=hideQrcodeModal<canvascanvasid=qrcodecanvas<view*卡弹窗*qrcodemodal,qrcodemaintrue,barcodemodal,qrcodemodalcanvas{left:0;top:0;bottom:0;right:0;position:fixed;zindex:100;backgroundcolor:rgba(0,0,0,05);}qrcodemodal{zindex:99;}barcodemodal,qrcodemodalcanvas{backgroundcolor:fff;zindex:120;}barcodemodal{flexdirection:column;justifycontent:center;}qrcodemodalbg{backgroundcolor:fff;width:680rpx;boxsizing:borderbox;*padding:20rpx30rpx;*padding:010rpx;margin:0auto;height:750rpx;overflowy:hidden;borderradius:16rpx;zindex:100;}page{display:flex;flexdirection:column;justifycontent:center;alignitems:center;}container{paddingbottom:10rpx;}panel{display:flex;flexdirection:column;justifycontent:spacebetween;alignitems:stretch;boxsizing:borderbox;width:100%;borderradius:10rpx;backgroundcolor:fff;}barcode{display:flex;height:320rpx;flexdirection:column;justifycontent:center;alignitems:center;}barnum{width:100%;height:100rpx;lineheight:100rpx;fontsize:38rpx;fontweight:bold;textalign:center;letterspacing:10rpx;whitespace:nowrap;}barcodecanvas{width:660rpx;height:200rpx;}qrcode{height:420rpx;display:flex;flexdirection:column;justifycontent:flexend;alignitems:center;}qrcodecanvas{width:420rpx;height:420rpx;}barcodemodalcanvas{height:300rpx;width:750rpx;}barcodemodalbarcodebox{height:300rpx;width:690rpx;}barcodemodalbarnum{transform:scale(2);}qrcodemodalcanvascanvas{width:100%;height:750rpx;}:你好,问题未复现请提供一下出现问题的机型和微信版本,以及能复现问题的简单代码示例
更多有关「小程序开发canvas渲染bug」的讨论可以前往微信公开课小程序参与互动哦!
标签:微信公开课,小程序
「小程序开发canvas渲染bug」热门讨论订阅
方法1:微信扫描微信公开课小程序码即可订阅热门讨论「小程序开发canvas渲染bug」
方法2:微信搜索微信公开课小程序名称进入,即可订阅热门讨论「小程序开发canvas渲染bug」
方法3:微信网页访问即速商店,长按识别微信公开课小程序码即可订阅热门讨论「小程序开发canvas渲染bug」
微信公开课小程序热门讨论「小程序开发canvas渲染bug」由微信公开课原创摘录于微信小程序商店shop.jisuapp.cn,转载请注明出处。
微信公开课热门讨论「小程序开发canvas渲染bug」由微信公开课开发者向微信用户提供,并对本服务内容、数据资料及其运营行为等真实性、合法性及有效性承担全部责任。
微信公开课小程序
更新时间:2019-03-15 18:17:35
>
__methodCallerx27;ofundefined
>-404011cloudfunctionexecutionerror
>,请补充选择商家自营-预付卡销售-发行方类目,并在基础信息处申请该类目,通过
>:host在模拟器中显示无效
>:请在小程序服务页面上架正式(非测试)内容或商品后重新提交审核
>.net 微信小程序 上传图片
>'setTimeout'的问题
>‘三朵里熙SPA主题减压空间’为什么搜索关键词‘三朵里‘搜不到
>‘扫普通链接二维码打开小程序‘中设置为体验版,扫码打开是线上版本
>“cloudfunctions**indexjs”gitignore
>“NO ULINK DEVICE FOUND”是怎么回事
>“万马掌上校园”的类目审核
>“上线了”公司开发的微信小程序怎么样?
>“产品是否一定需要条形码”
>