Essential Diagram JavaScript可以帮助开发人员在Web下创建类似Visio的应用程序,可以帮助开发人员绘制各种常用的流程图,在实际应用中,当绘制好流程图以后经常需要导出图形为图片格式,这篇文章就主要介绍该产品怎么在客户端导出流程图为图片格式,具体可以参考下面的详细介绍:
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);