項目中遇到需要分享到朋友圈,但是查詢api發現小程序並沒有提供分享到朋友圈的功能,只能實現通過canvas畫一張海報然后保存到本地,讓用戶主動去發朋友圈。 先看效果圖 首先使用微信小程序提供的canvasapi將第二張圖顯示的海報畫出來 然后調用保存本地的接口 ...
項目中遇到需要分享到朋友圈,但是查詢api發現小程序並沒有提供分享到朋友圈的功能,只能實現通過canvas畫一張海報然后保存到本地,讓用戶主動去發朋友圈。 效果圖生成后海報 首先使用微信小程序提供的canvasapi將第二張圖顯示的海報畫出來 然后調用保存本地的接口 wx.saveImageToPhotosAlbum 將圖片保存在本地相冊中 wxml部分 wxss部分 js部分 二維碼的處理見下一 ...
2019-09-23 12:08 0 1610 推薦指數:
項目中遇到需要分享到朋友圈,但是查詢api發現小程序並沒有提供分享到朋友圈的功能,只能實現通過canvas畫一張海報然后保存到本地,讓用戶主動去發朋友圈。 先看效果圖 首先使用微信小程序提供的canvasapi將第二張圖顯示的海報畫出來 然后調用保存本地的接口 ...
目標:在微信小程序中頁面有一個按鈕,點擊后生成一張海報,點擊保存,圖片保存到本地相冊 海報樣式如下: 通過觀摩別人代碼,分析這張海報,難點有四個,一是背景的圓角,canvas並沒有一個api是畫圓角的,二是中間的兩行標題,這里應該是動態的,可能一行可能兩行,三是圓形頭像處理 ...
1.頁面 2.繪制圖片 通過使用wx.downloadFile或wx.getImageInfo這個API來下載一個網絡圖片到本地(並可獲取該圖片的尺寸等其他信息),然后調用ctx.drawImage方法將圖片繪制到畫布上,填滿畫布 3.小程序碼 通過后台接口獲得 ...
微信小程序圖片保存到本地是一個常用功能: 這里講解下完整實現思路: 因為微信官方的授權只彈一次,用戶拒絕后再次調用,就需要結合button組件的微信開放能力來調起,以下方案在微信各種授權中可參考。 wxml部分:一個保存圖片按鈕(A),一個button組件(B)用來觸發授權,B透明度 ...
微信小程序保存海報的方法 先確定小程序后台是否開啟了download合法域名 先授權 這個寫在初始化的地方就可以了(授權成功還是圖片存入本地) 然后 保存網絡地址的海報下載下來 然后寫入相冊 ...
View Code ...
最終生成的樣式 注釋已經打好,詳情看代碼 ...
test.wxml test.js ...