微信小程式開發-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壓縮圖片但是沒法隱藏,找到幾種方案微信小程式
- iOS開發中壓縮圖片的質量以及縮小圖片尺寸iOS
- 微信小程式開發之從相簿獲取圖片 使用相機拍照 本地圖片上傳微信小程式地圖
- 微信小程式獲取base64頭像上傳微信小程式
- 微信小程式根據本地快取圖片路徑,生成縮圖的方法微信小程式快取
- asp 獲取圖片的 大小 和畫素 ,解析度,以及壓縮圖片
- 微信小程式中base64圖片的顯示與儲存微信小程式
- Uniapp開發微信小程式+Node ---- 圖片上傳APP微信小程式
- 服務端使用 nodejs 獲取帶參微信小程式碼圖片服務端NodeJS微信小程式
- vue+element 將圖片壓縮並轉換成base64上傳圖片Vue
- 前端圖片壓縮 - H5&Uni-App圖片壓縮前端H5APP
- ??圖片壓縮CanvasCanvas
- IOS圖片壓縮iOS
- canvas 壓縮圖片Canvas
- Nginx網路壓縮 CSS壓縮 圖片壓縮 JSON壓縮NginxCSSJSON
- 必踩坑!在微信sdk呼叫chooseImage獲取圖片後採取getLocalImgData轉換base64
- [小工具] 微信小程式程式碼壓縮器微信小程式
- 微信小程式 實現網路圖片本地快取微信小程式快取
- 微信小程式—— 獲取資料微信小程式
- 圖片壓縮知識梳理(0) 圖片壓縮學習計劃
- 直播app開發搭建,Android studio 圖片壓縮APPAndroid
- iOS 圖片壓縮方法iOS
- 前端圖片壓縮方案前端
- 微信小程式圖片使用示例微信小程式
- 微信小程式 圖片上傳微信小程式
- 移動開發時批處理壓縮圖片提高開發效率移動開發
- 小程式把圖片轉換成base64
- 微信開發之小程式獲取手機號授權登入
- 小視訊原始碼,java使用Thumbnails壓縮圖片原始碼JavaAI
- 圖片壓縮知識梳理(2) 減小 PNG 大小
- 一個強大的圖片壓縮演算法—近微信壓縮機制的Luban演算法
- 微信小程式獲取當前位置微信小程式
- uniapp微信小程式獲取定位APP微信小程式
- 前端的圖片壓縮image-compressor(可在圖片上傳前實現圖片壓縮)前端
- Android-壓縮大圖到容量超小的圖片Android
- H5 和小程式拍照圖片旋轉、壓縮和上傳H5
- 專案效能優化之用url-loader把小圖片轉base64,大圖片使用image-webpack-loader壓縮優化Web
- 微信小程式開發(十一)小程式地圖元件map微信小程式地圖元件