直接上程式碼

wxml 用到了camera 和 canvas元件除錯的時候建議把hidden去掉方便看到圖片的擷取

<view class='ev'>
  <camera id='photo' device-position='back' flash='off' binderror='error' style='width:100%;height:300px'></camera>
  <button type='primary' bindtap='takePhoto'>拍照</button>
   <canvas canvas-id
 
='photos' hidden='hidden'  class='sh'></canvas>
</view>

wxss

.sh{
  width: 100%;
  height: 300px;
}

js部分重要程式碼，加入外界的js進行轉換

完整版的demo

不懂的隨時來問我，部落格主頁有我的聯絡方式