[Egret]长按截屏分享、分享截屏图片、本地存储
生活随笔
收集整理的這篇文章主要介紹了
[Egret]长按截屏分享、分享截屏图片、本地存储
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
egret 分享有API可以把一個顯示對象樹渲染成一個位圖紋理,我把它賦值給 HTML 的 Image 元素,就實現了圖片的顯示,在微信中,通過長按圖片可以分享出去。當然在其他瀏覽器可以保存在本地。
第一步 添加HTML元素
<div id="divImage" style="background: #373737;display:none;text-align:center;z-index:99;width:100%;height:100%;position: absolute;"><div style="position:absolute;top:10%;color: #ffffff;display:block;text-align:center;width: 100%;"><span style="display:block;font-size: 25px ">長按圖片發送給朋友</span><br/><img src="" alt="" id="shareImage" style="width: 100%;"></div><img src="./resource/icon_close.png" οnclick="isHidden('divImage')" alt="" style="position:absolute;right:1%;top:1%;"> </div><script>///這里添加點擊 X 按鈕關閉function isHidden(idtext) {var vDiv = document.getElementById(idtext);vDiv.style.display = 'none';} </script>第二步 添加egret代碼
public shareImage(target: egret.DisplayObject): void {var renderTexture = new egret.RenderTexture();renderTexture.drawToTexture(target);//渲染到臨時畫布var divImage = document.getElementById("divImage");//獲取DIVvar shareImage: HTMLImageElement = document.getElementById("shareImage") as HTMLImageElement;//獲取Image標簽shareImage.src = renderTexture.toDataURL('image/jpeg');//把數據賦值給ImagedivImage.style.display = "block";//顯示DIV }
轉載于:https://www.cnblogs.com/foxy/p/8205391.html
總結
以上是生活随笔為你收集整理的[Egret]长按截屏分享、分享截屏图片、本地存储的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 三十天学不会TCP,UDP/IP网络编程
- 下一篇: JAVA工程师面试题库