詳細問題描述
寫圖檔裁切元件,發現canvas的draw()方法無法進入回調,用了uniapp官方例子裡的圖檔裁切在nvue
頁面,也是不行,加了定時也不行
[内容]
重制步驟
[步驟]
[結果]
[期望]
[如果語言難以表述清晰,拍一個視訊或截圖,有圖有真相]
IDE運作環境說明
[HBuilder 或 HBuilderX。如果你用其他工具開發uni-app,也需要在此說明]
[IDE版本号]
[windows版本号]
[mac版本号]
uni-app運作環境說明
app端的nvue頁面
[運作端版本号]
[項目是cli建立的還是HBuilderX建立的?如果是cli建立的,請更新到最新版cli再試]
[編譯模式是老模闆模式還是新的自定義元件模式?]
App運作環境說明
[Android版本号]
[iOS版本号]
[手機型号]
[模拟器型号]
附件
[IDE問題請提供HBuilderX運作日志。菜單幫助-檢視運作日志,點右鍵打開檔案所在目錄,将log檔案壓縮成zip包上傳]
[App問題請提供可重制問題的代碼片段,你補充的細一點,問題就解決的快一點]
[App安裝包或H5位址]
[可重制代碼片段]
targetContext.drawImage(this.url, x, y, width, height, 0, 0, tw, th);
targetContext.draw(false, () => {
uni.canvasToTempFilePath({
canvasId: "target",
success: (res) => {
var path = res.tempFilePath;
// #ifdef H5
if (this.blob) {
path = this.parseBlob(path);
}
// #endif
const data = {
head_img:this.url
}
this.$emit('updateHeadImg',data)
},
fail: (ev) => {
console.log(ev);
},
complete: () => {
uni.hideLoading();
}
}, this);
});
聯系方式
[QQ]