收藏
回答

小程序调用摄像头渲染背景


现在我需要如图的这个功能,就是打开小程序自动调用摄像头,并且把摄像头的实时内容渲染成背景,不知道这个需求的怎么弄出来,一点点头绪都没有,希望社区的人能给我点启发,谢谢。

回答关注问题邀请回答
收藏

2 个回答

  • 老张
    老张
    2019-07-30

    没得搞。

    2019-07-30
    有用
    回复 2
    • 404 Not Found
      404 Not Found
      2019-07-30
      加油,搞出来的话,升职加薪指日可待
      2019-07-30
      1
      回复
    • 吴迪
      吴迪
      2019-07-30回复404 Not Found
      上面老铁不是做出来了嘛,快给他加薪
      2019-07-30
      回复
  • 少年啦
    少年啦
    2019-07-30

    这是哪个小程序

    2019-07-30
    有用
    回复 9
    • 404 Not Found
      404 Not Found
      2019-07-30
      小智云,您可以看下,希望有了头绪后,能给我说下。
      2019-07-30
      回复
    • 少年啦
      少年啦
      2019-07-30回复404 Not Found

      已经实现了

      2019-07-30
      2
      回复
    • 404 Not Found
      404 Not Found
      2019-07-30回复少年啦
      大佬哦,怎么搞得呀,给我说下呗
      2019-07-30
      回复
    • 404 Not Found
      404 Not Found
      2019-07-30
      是不是用了cover-view这个标签?
      2019-07-30
      回复
    • 少年啦
      少年啦
      2019-07-30

      <!--index.wxml-->

      <view class="container">

       <camera class="camera" style="height:{{screenHeight}}rpx">

         <cover-view class="controls">

           

           <cover-view class="time">你说的是不是这样你说的是不是这样00:00</cover-view>

         </cover-view>

       </camera>

      </view>



      .container{

       position: relative;

       width: 100%;

      }


      .camera{

       position: fixed;

       z-index: 100;

       width: 100%;

       height: 500rpx;

      }


      .test{

       position: fixed;

       z-index: 9999;

       top: 100rpx;

       font-size: 44rpx;

       color: #ffffff;

       background: #09b006

      }


      .controls {

       position: relative;

       top: 50%;

       height: 50px;

       margin-top: -25px;

       display: flex;

      }

      .play,.pause,.time {

       flex: 1;

       height: 100%;

      }

      .time {

       text-align: center;

       background-color: rgba(0, 0, 0, .5);

       color: white;

       line-height: 50px;

      }

      .img {

       width: 40px;

       height: 40px;

       margin: 5px auto;

      }




      //index.js

      //获取应用实例

      const app = getApp()


      Page({

       data: {

         

       },

       onLoad: function () {

         const that=this;

         wx.getSystemInfo({

           success: function(res) {

             console.log(res);

             that.setData({

               screenHeight: res.screenHeight * (750 / res.screenWidth)

             })

           },

         })

       }

      })



      2019-07-30
      1
      回复
    查看更多(4)
登录 后发表内容