首页 > 其他 > 详细

[Egret]长按图片分享、分享图片、本地存储

时间:2017-11-20 15:01:18      阅读:392      评论:0      收藏:0      [点我收藏+]

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=""  id="shareImage" style="width: 100%;">
    </div>
    <img src="./resource/icon_close.png" onclick="isHidden(‘divImage‘)"  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");//获取DIV
        var shareImage: HTMLImageElement = document.getElementById("shareImage") as HTMLImageElement;//获取Image标签
        shareImage.src = renderTexture.toDataURL(‘image/jpeg‘);//把数据赋值给Image
        divImage.style.display = "block";//显示DIV
    }

完结

这就是简单又实用的功能,当然如果是 Native 模式下,需要把数据生成在本地,在分享的时候把图片路径附带并分享出去。
不明白的可以回复。
技术分享图片

[Egret]长按图片分享、分享图片、本地存储

原文:http://www.cnblogs.com/Richard-Core/p/egret-share-image.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!