天天看點

vue 引入canvas_【報Bug】nvue頁面自定義元件的canvas.draw()方法不執行回調

詳細問題描述

寫圖檔裁切元件,發現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]