工具:hbuilderX
框架:uniapp
項目:公眾號(h5)換裝小游戲
項目描述:用戶通過微信登錄公眾號簡介,然后根據自己的喜愛選擇人物頭部(臉部表情、帽子)、身體(衣服)、配飾。然后生成海報。用戶可通過長按圖片將生成的海報保存到自己的手機中。
問題:當時認為這個不是什么問題,因為在uniapp中有uni.saveImageToPhotosAlbum可以將圖片保存到系統中。后來項目快結束了,說這個功能很重要,然后才發現
不支持h5,這時候,還不是很急,因為在plus還有保存圖片的方法plus.downloader.createDownload,但是這個我用着還是有問題,1.因為當前頁面有許多圖片。而需要保存的圖片是后台返回的鏈接地址,不知道為什么使用這個方法就是不行圖片也沒法保存,也沒有提示,保存的卻是頁面中另外一張圖片,由於臨近上線,這個問題沒有進行細究。在一種就是a鏈接打開圖片。但是這種方法雖然打開了圖片也可以保存,但是,保存完圖片后再次進入公眾號的時候用戶需要重新登錄,這樣用戶體驗不好,所以pass掉了。
然后再去百度上找找,通過不懈努力,通過別人的一點提示使用z-index就可以完美解決。由於需要保存的圖片是背景圖(在背景圖上還有兩張圖片),通過touchStart 提高需要保存圖片的z-index 。其實就這么簡單。
具體情況需要根據實際情況去看。