您的位置:首页 > 其它

任意flex控件导出图片

2019-08-02 12:21 357 查看
原文链接:https://www.geek-share.com/detail/2510404760.html

flex导出图片功能通常是:

思路1:客户端将UIComponent转化为BitmapData,再转为ByteArray,将ByteArray上传到服务端,服务端发送文件到客户端。

然而,flex本来就是客户端的东西,为什么还要绕道服务端去呢,这不是化简单为复杂嘛,

思路2:客户端将UIComponent转化为BitmapData,再转为ByteArray,使用FileReference.save()直接在client端保存图片

(当然前提要求是:在flash player 10.0中)

具体代码如下:

.as 的类文件

package widgets_dr.TJT
{
import flash.display.BitmapData;
import flash.display.DisplayObject;
import flash.display.DisplayObjectContainer;
import flash.geom.Matrix;
import flash.geom.Point;
import flash.net.FileReference;
import flash.utils.ByteArray;

import mx.controls.Alert;
import mx.graphics.codec.PNGEncoder;

public class ChartExport
{
static public var Instance:ChartExport=new ChartExport();

public function ChartExport()
{
}
public function exportChart(d:DisplayObject):void{

var dt:DisplayObject = d;
var bmpData:BitmapData = new BitmapData(d.width,d.height,true,0x00ffffff);
bmpData.draw(d);

var fr:Object = new FileReference();
if(fr.hasOwnProperty("save"))
{
var encoder:PNGEncoder = new PNGEncoder();
var data:ByteArray = encoder.encode(bmpData);
fr.save(data,'chart.png');
}
else
{
Alert.show("当前flash player版本不支持此功能,请安装10.0.0以上版本!","提示");

}

}
}
}

然后在felx的mxml代码中创建这个类的对象,用这个类的对象去引用方法执行即可

例如:

var d:DisplayObject=DisplayObject(tabb);
    ChartExport.Instance.exportChart(d);

顺便讲一下,Datagrid导出excel的方法:

导入 import com.esri.viewer.utils.ExcelUtil;

然后 click="ExcelUtil.exportGrid(querydg,'矿权综合查询')"

转载于:https://www.cnblogs.com/tiandi/archive/2011/03/06/1980401.html

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: