取景框图片 小程序_微信小程序拍照后提取指定框内的图片

由于自己在开发的过程中，需要用到拍照后立即按指定区域切图，于是就研究了一下小程序的拍照功能，以下是效果图，具体代码看我的GitHub，有不懂的地方可以留言交流。

IMG_0978.PNG

IMG_0979.PNG

IMG_0C286DAD5062-1.jpeg

在代码中主要用到了cover，在相机上面进行绘制，详细了解请看我的GitHub

关键代码

onLoad: function (options) {

var that = this

that.path = options.path

wx.getSystemInfo({

success: function (res) {

var width = res.windowWidth

var height = res.windowHeight

var gap = 20

that.setData({

width:width,

height:height,

gap: gap

})

wx.getImageInfo({

src: that.path,

success: function(res){

that.canvas = wx.createCanvasCont