微信小程式開發-canves 圖片壓縮 獲取base64
makeCanvas: function(imgPath) {
console.log("start draw");
var ctx = wx.createCanvasContext('canvas')
// 設定背景
ctx.setFillStyle('#ffffff')
ctx.fillRect(0, 0, this.data.canvasWidth, this.data.canvasWidth)
// 描繪圖片
/**
* @function drawImage Canvas描繪圖片
* @param {String} imgPath 圖片路徑
* @param {Number} imgWidth 圖片寬度
* @param {Number} imgHeight 圖片高度
* @author mossbaoo
*/
let cWidth = this.data.canvasWidth*0.5;
let cHeight = this.data.canvasWidth*0.5;
let imgWidth = this.data.imgInfo.width;
let imgHeight = this.data.imgInfo.height
console.log(cWidth+"_"+cHeight+"_"+imgWidth+"_"+imgHeight);
let dWidth = cWidth/imgWidth; // canvas與圖片的寬度比例
let dHeight = cHeight/imgHeight; // canvas與圖片的高度比例
if (imgWidth > cWidth && imgHeight > cHeight || imgWidth < cWidth && imgHeight < cHeight) {
if (dWidth > dHeight) {
ctx.drawImage(imgPath, 0, (imgHeight - cHeight/dWidth)/2, imgWidth, cHeight/dWidth, 0, 0, cWidth, cHeight)
} else {
ctx.drawImage(imgPath, (imgWidth - cWidth/dHeight)/2, 0, cWidth/dHeight, imgHeight, 0, 0, cWidth, cHeight)
}
} else {
if (imgWidth < cWidth) {
ctx.drawImage(imgPath, 0, (imgHeight - cHeight/dWidth)/2, imgWidth, cHeight/dWidth, 0, 0, cWidth, cHeight)
} else {
ctx.drawImage(imgPath, (imgWidth - cWidth/dHeight)/2, 0, cWidth/dHeight, imgHeight, 0, 0, cWidth, cHeight)
}
}
ctx.draw();
console.log("end draw");
debugger;
var that = this;
wx.canvasToTempFilePath({
canvasId: 'canvas',
success: function success(res) {
that.setData({
canvasImgUrl: res.tempFilePath
});
that.canvasShow=false;
console.log(res.tempFilePath);
// 人臉驗證
let base64 = wx.getFileSystemManager().readFileSync(res.tempFilePath, 'base64');
console.log("base64two:"+base64.length);
if (!that.isLoading) {
that.setData({
isLoading: !0
});
//先活體face/faceVerify
that.vertifyImg(base64);
}
},
complete: function complete(e) {
}
});
}
相關文章
- 微信小程式裡面canves壓縮圖片但是沒法隱藏,找到幾種方案微信小程式
- 微信小程式獲取base64頭像上傳微信小程式
- 微信小程式根據本地快取圖片路徑,生成縮圖的方法微信小程式快取
- Uniapp開發微信小程式+Node ---- 圖片上傳APP微信小程式
- 服務端使用 nodejs 獲取帶參微信小程式碼圖片服務端NodeJS微信小程式
- 微信小程式中base64圖片的顯示與儲存微信小程式
- 微信小程式獲取openid,unionid微信小程式
- 微信小程式—— 獲取資料微信小程式
- uniapp微信小程式獲取定位APP微信小程式
- 微信小程式 圖片上傳微信小程式
- 微信小程式圖片使用示例微信小程式
- 微信小程式 實現網路圖片本地快取微信小程式快取
- 必踩坑!在微信sdk呼叫chooseImage獲取圖片後採取getLocalImgData轉換base64
- 微信小程式獲取當前位置微信小程式
- 微信開發之小程式獲取手機號授權登入
- 獲取微信小程式頁面路徑微信小程式
- java微信小程式獲取ACCESS_TOKENJava微信小程式
- 微信小程式開發(十一)小程式地圖元件map微信小程式地圖元件
- 微信小程式開發:上傳網路圖片到阿里雲oss微信小程式阿里
- Android微信分享圖片按質量壓縮的解決方案Android
- 微信小程式地圖開發總結微信小程式地圖
- vue+element 將圖片壓縮並轉換成base64上傳圖片Vue
- 微信小程式 獲取微信暱稱頭像 獲取openid 封裝請求post微信小程式封裝
- 直播app開發搭建,Android studio 圖片壓縮APPAndroid
- 微信小程式裁剪圖片成圓形微信小程式
- 前端圖片壓縮 - H5&Uni-App圖片壓縮前端H5APP
- Nginx網路壓縮 CSS壓縮 圖片壓縮 JSON壓縮NginxCSSJSON
- 微信小程式開發微信小程式
- ??圖片壓縮CanvasCanvas
- canvas 壓縮圖片Canvas
- 圖片壓縮20201109
- 基於vue + axios + lrz.js 微信端圖片壓縮上傳VueiOSJS
- 微信小程式獲取index索引值的方法微信小程式Index索引
- 微信小程式 獲取使用者資訊微信小程式
- 微信小程式開發小記微信小程式
- 微信小程式上傳圖片至七牛微信小程式
- 微信小程式之裁剪圖片成圓形微信小程式
- 微信小程式開發2微信小程式