Essential Diagram JavaScript如何导出流程图为图片

作者:控件中国网   出处:控件中国网   2016-07-07 10:29:52   阅读:6

Essential Diagram JavaScript可以帮助开发人员在Web下创建类似Visio的应用程序,可以帮助开发人员绘制各种常用的流程图,在实际应用中,当绘制好流程图以后经常需要导出图形为图片格式,这篇文章就主要介绍该产品怎么在客户端导出流程图为图片格式,具体可以参考下面的详细介绍:
exporting_img1.png
Essential Diagram JavaScript可以导出各种流程图为图片或者SVG格式,控件提供了exportDiagram方法用于导出图片:
var diagram = $("#diagram").ejDiagram("instance");
//Exports the Diagram as an image of JPEG format
diagram.exportDiagram();
 
当导出时,开发人员还可以设置各种导出选项,如:文件名、导出图片的格式以及边距等:
var diagram = $("#diagram").ejDiagram("instance");
var options = {
//Name of the file to be downloaded
fileName: "diagram",
//Margin to the exported file/data
margin: {
left: 30,
right: 30,
top: 30,
bottom: 30
}
};
diagram.exportDiagram(options);
在导出时,开发人员还可以指定某一区域进行导出:
var diagram = $("#diagram").ejDiagram("instance");
var options = {
fileName: "diagram",
//Specifies whether to export as files/data
mode: "download",
//Format of the exported file
format: "jpg",
// Defines the custom bounds that has to be exported
bounds: {
x: 1000,
y: 1000,
width: 500,
height: 500
},
};
diagram.exportDiagram(options);
Essential Diagram JavaScript控件是包含在Essential Studio for ASP.NET界面套包控件里面的,并不单独提供安装程序或者单独销售,开发人员如果对该产品感兴趣可以从控件中国网上下载Essential Studio for ASP.NET进行安装测试。
Copyright© 2006-2015 ComponentCN.com all rights reserved.重庆磐岩科技有限公司(控件中国网) 版权所有 渝ICP备12000264号 法律顾问:元炳律师事务所
客服软件
live chat