美文网首页
微信小程序Canvas隐藏 不影响canvas绘图处理办法

微信小程序Canvas隐藏 不影响canvas绘图处理办法

作者: 明月888 | 来源:发表于2018-07-20 17:08 被阅读0次

小程序canvas生成转发图时需要canvas隐藏 不能使用 display:none; hidden属性 加上后canvas不能绘图
网上的方法都试过了 都不行最后自己实现了 但是不能进行翻页,有更好的方法欢迎提供 万谢
最先试过这个方法 外层套view ,width height都设为0 模拟器生效 真机不生效

<view style='width:0px;height:0px;overflow:hidden;'>  
  <canvas canvas-id='canone'></canvas>  
</view>  

后来查到了 可通过cover-view 自定义view标签 进行遮盖

  <canvas style="width:400px;height:400px;background:#fff;">
        <cover-view  style='width:100%;height:100%;background:#fff;'></cover-view>
  </canvas>

然后发现真机上 cover-view 按下后带有灰色背景 最后想直接定位到屏外 页面禁止滑动 最后成了

  <view style="position:fixed;top:999999999999999999999rpx;">
           <canvas style="width:400px;height:400px;background:#fff;"></canvas>
  </view>

json中加入

    "disableScroll": true

最后是行了 反正页面就两按钮不需要滑动, 求更好的方法实现

相关文章

网友评论

      本文标题:微信小程序Canvas隐藏 不影响canvas绘图处理办法

      本文链接:https://www.haomeiwen.com/subject/ziyqmftx.html