uniapp小程序开发自定义相机、拍照、上传

功能背景

项目开发小程序，想要实现一个自定义相机的功能，需要可以拍照，并且显示经纬度等一些其他信息在相机画面上。而且拍照上传，是可以将文字叠加在图片上（目前我这里是由后端实现的，前端应该也是可以做的，利用canvas，这个后面再研究）。这里仅仅是介绍小程序开发自定义相机的功能

功能效果

相机界面

相机拍完，传到后台处理后的效果。tips:这个叠加文字的操作，其他文章有介绍，前端也可以自己实现

API简介

uniapp提供了这样一个api，实现自定义相机。uni.createCameraContext()，同时依靠camera组件实现效果

代码实现

<tem