uni app 在組件中操作 canvas 已踩坑

 

 

組件中取 canvas 上下文時，有一點不要忘記了，不然在小程序中會有問題 官方說明在這里

uni.createCanvasContext(canvasId, this)
定義
創建 canvas 繪圖上下文（指定 canvasId）。在自定義組件下，第二個參數傳入組件實例this，以操作組件內 <canvas/> 組件

Tip: 需要指定 canvasId，該繪圖上下文只作用於對應的 <canvas/>

 

uni.createSelectorQuery().in(this).select(".canvasBox");

  

uni.canvasToTempFilePath(object, component)
把當前畫布指定區域的內容導出生成指定大小的圖片，並返回文件路徑。在自定義組件下，第二個參數傳入自定義組件實例，以操作組件內 <canvas> 組件。
官方說明鏈接在這里

 

 

不傳在H5中沒問題，已踩坑，記得 要傳 組件實例 this 

 

 

.