美文网首页
微信小程序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