本文主要是介绍小程序自定义相机,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
1.要求相机是圆形的,因为小程序调用原生相机,永远在屏幕最顶层,只能在camera标签里使用cover-view和cover-image标签,用一张图片盖在相机上,效果如下图:
<!-- 调用摄像头的组件-->
<view class='cameraBox' >
<camera class='camera' device-position="front" flash="off" binderror="error">
<cover-view class='cameraGai'>
<!-- <cover-image src='../images/shape/bg.png' class='cover-animate'></cover-image> -->
<cover-image src='../images/vip.png' class='cover-image'></cover-image>
</cover-view>
</camera>
</view>
因为要求调用前置摄像头,所以device-position="front"
详细可参考https://blog.csdn.net/u010606780/article/details/80887589
这篇关于小程序自定义相机的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!