項目中遇到需要分享到朋友圈,但是查詢api發現小程序並沒有提供分享到朋友圈的功能,只能實現通過canvas畫一張海報然后保存到本地,讓用戶主動去發朋友圈。 效果圖生成后海報 首先使用微信小程序提供的canvasapi將第二張圖顯示的海報畫出來 然后調用保存本地的接口 ...
項目中遇到需要分享到朋友圈,但是查詢api發現小程序並沒有提供分享到朋友圈的功能,只能實現通過canvas畫一張海報然后保存到本地,讓用戶主動去發朋友圈。 先看效果圖 首先使用微信小程序提供的canvasapi將第二張圖顯示的海報畫出來 然后調用保存本地的接口 wx.saveImageToPhotosAlbum 將圖片保存在本地相冊中 直接上代碼 首先是index.wxml 然后是index.wx ...
2018-04-19 15:04 6 42627 推薦指數:
項目中遇到需要分享到朋友圈,但是查詢api發現小程序並沒有提供分享到朋友圈的功能,只能實現通過canvas畫一張海報然后保存到本地,讓用戶主動去發朋友圈。 效果圖生成后海報 首先使用微信小程序提供的canvasapi將第二張圖顯示的海報畫出來 然后調用保存本地的接口 ...
目標:在微信小程序中頁面有一個按鈕,點擊后生成一張海報,點擊保存,圖片保存到本地相冊 海報樣式如下: 通過觀摩別人代碼,分析這張海報,難點有四個,一是背景的圓角,canvas並沒有一個api是畫圓角的,二是中間的兩行標題,這里應該是動態的,可能一行可能兩行,三是圓形頭像處理 ...
微信小程序保存海報的方法 先確定小程序后台是否開啟了download合法域名 先授權 這個寫在初始化的地方就可以了(授權成功還是圖片存入本地) 然后 保存網絡地址的海報下載下來 然后寫入相冊 ...
test.wxml test.js ...
微信小程序繪制分享圖例子: demo下載地址:https://gitee.com/v-Xie/wxCanvasShar 大致代碼會再以下說明 基礎知識點: 了解canvas基礎知識 wx.createCanvasContext()//微信小程序創建畫布 ...
這里使用大佬已經封裝好的Painter,它已經優化canvas的缺陷和兼容安卓與ios,具體可以去看下 Painter地址:https://github.com/Kujiale-Mobile/Pai ...
最近開發中要實現一個需求,用戶點擊分享生成一個圖片海報,可以供用戶發朋友圈或者其他使用(感覺沒人會用~),用到了小程序canvas,和web上的功能基本一樣,記錄一下。---還沒上線一周,這個功能就被撤了 首先預設幾個工具函數 1/小程序開發使用的是 rpx,但是canvas里的單位使用 ...
一、制作正常顯示海報,生成二倍海報隱藏 代碼如下 <!--index.wxml--> <view class="container"> <view class="show"> <image src="{{cardPath ...