uniapp 微信小程序 頁面部分截圖實現
? 原理都是將頁面元素畫成canvas 然后將canvas轉化為圖片,問題是我頁面里邊本來就有一個canvas,ucharts圖畫的canvas我無法畫出這塊。
? 想了一晚上,既然canvas最后能轉化為圖片,那我直接把ucharts圖當成圖片來畫,拿到圖片最后再組成一個頁面,再畫成canvas。感覺思路可以,但是清晰度降低。
uni.canvasToTempFilePath
? 借助這個api將canvas轉化為臨時圖片,遇到問題在父組件里無法通過uni.createSelectorQuery()來找到子組件也就是ucharts組件里的canvas元素,試了好久,在微信社區發現就是拿不到如果在組件里,直接改ucharts組件
在組件里拿到這個地址給父組件。
不要過于依賴第三方組件,該改的時候就得自己改。
拿到就好整了
開始拼湊出自己的頁面,采用的是lime-painter插件
https://ext.dcloud.net.cn/plugin?id=2389
特定的語法繪制出分享出去的頁面
保存到本地
微信小程序圖片保存到相冊API有時無法保存無法授權的問題解決
打開設置 頁面發現根本沒有授權選項
https://blog.csdn.net/qq_31042143/article/details/128350018
位置接口填寫地方,不能填別的api
最終實現方式參考
https://juejin.cn/post/7293804880706617382?login=from_csdn